Java Script/JS 핵심

Java Script/JS 핵심

6. JS 핵심 - 객체

1. 객체 생성 종류 2가지 빈 객체 생성한 후, 멤버(속성, 함수) 추가 객체의 생성과 동시에 멤버 추가 // 1. 객체의 생성방법 const person = {}; // property 추가 person.firstName = "join"; console.log(typeof person); // object // 2. 객체 생성 + 초기화 const myObject = { firstName: "join", }; console.log(typeof myObject); // object 2. 생성자로 객체 생성 생성자를 정의하면 객체를 편리하게 생성 해당 객체 호출시 객체 이름 { property, function} 출력 하지만 type은 object 주의 생성자라고 해도 결국에는 function일 뿐이다...

Java Script/JS 핵심

5. JS 핵심 - 함수

1. 함수의 선언과 함수 표현식 함수는 항상 값을 반환한다. return 값이 없더라도 undefiend를 반환한다. 함수 표현식 : 함수 앞에 변수 붙여주는 것 람다식 IIFE : 즉시 호출 함수 표현식 - 람다식과 유사, 일회용 // 1. 함수 선언 function add1(a, b) { return a + b; } console.log(add1(1, 2)); // 2. 함수 표현식 var add2 = function (a, b) { return a + b; }; console.log(add2(3, 4)); // 3.lambda식 // sort() comparator 했던 것 // 4. IIFE console.log( (function (a, b) { return a + b; })(5, 6) ); 2..

Java Script/JS 핵심

4. JS 핵심 - 조건문, 반복문

자바와 거의 동일 향상된 for문 생김새 다름 switch문 조건식, case 문 비교 === 사용 while() 조건식 for for(a of b) : 향상된 for문 - 이걸 자주 사용 for(var x in b) : b 객체 property 값 출력 // for of const array1 = ["a", "b", "c"]; for (const element of array1) { console.log(element); } // for in var person = { fname: "woo", lname: "wee", age: 25 }; for (const key in person) { if (Object.hasOwnProperty.call(person, key)) { console.log("key: ..

Java Script/JS 핵심

3. JS 핵심 - 배열

참고 // dir()은 개체의 모든 속성 및 메서드를 나열하는 JavaScript의 내장 메서드. // 주어진 객체의 모든 속성을 문자열 배열로 반환하며, 이를 통해 개발자는 개체를 탐색하고 디버그한다. console.dir(); 1. 배열 java와 달리 배열의 크기는 동적으로 변경가능하다. 하나의 배열에 여러 타입의 값을 저장할 수 있다. 배열도 객체이며, new 연산자로 생성할 수 있다. 배열 생성 방법 new Array() new Array(num) :num개 길이 생성 실제 공간은 확보하지 않는다. .length를 통해서 길이로는 인정된다. 동적 배열이여서 .length가 고정 값이 아니다. [1,2,3] : 값 바로 집어넣기 참고 - 객체 배열과 동일하게 생성한다. new Object(); o..

Java Script/JS 핵심

2. JS 핵심 - 연산자

1. 연산자 규칙 + : 문자열을 합치는 역할도 수행한다. 그래서 우선 순위가 문자열 합하기, 산술계산(type이 number일 때만) - : 산술계산에서만 사용. 그래서 모든 type을 number로 자동 형변환하는데 이때 number로 변환이 안되는 수는 NaN 반환 **: 제곱 JS는 문자열을 중요시하기 때문에 정렬관련된 부분들은 다 사전 순서이다. 비교 같은 일반적인 비교 연산자는 자동형변환을 하지 않는다. == : 비교연산자는 자동형변환을 해준다. != : 이것도 가능 === : 얘는 type 비교도 해주는 거여서 형변환 안됨 // 연산자 let a = 7 + "5"; // +는 string 합을 나타내는 연산자로 사용될 수 있어서 string 형식 합 console.log(a); /..

Java Script/JS 핵심

1.JS 핵심 - window, dom, type, hoisting, scope, let, const, 형변환

0. window, document 0.1. window window : JS는 browser에서 사용하는 언어로 브라우저에서 사용하는 모든 기능을 window라는 객체에 저장 했다. scope 전역 : window 객체 영역 지역 : function이나 객체 내부 영역 block scope: 객체의 { } 내부에서만 유효 function scope : 해당 method 내부에서만 유효 scope 큰 흐름 JavaScript 파일을 여러 개 가지고 있을 때, 각 파일마다 자신의 전역 스코프 존재 즉, 각 파일마다 window 객체에 해당하는 전역 객체가 있고, 그 안에서 변수와 함수가 정의 그러나 여러 개의 JavaScript 파일이 웹 페이지에서 로드되어 하나의 페이지에서 실행될 때, 각 파일의 전역 ..

wooweee
'Java Script/JS 핵심' 카테고리의 글 목록