YoonStudyNote

비동기적인 상황에서 코드를 좀 더 명확하게 표현하고 실행하도록 만들 수 있다. 1. ES6 부터 Javascript의 표준 내장 객체로 추가 되었다. ES6 를 지원하는 브라우저나 Node.js 에서 전역에 있는 Promise 를 확인할 수 있다. 2. 생성자를 통해서 프로미스 객체를 만들 수 있다. 생성자의 인자로 executor 라는 함수를 이용한다. 3. executor 함수는 resolve 와 rejcect를 인자로 가진다. (resolve, reject) -> {...} resolve 와 reject는 함수이다. resolve(), reject() 4. 생성자를 통해서 프로미스 객체를 만드는 순간 pending(대기) 상태라고 한다. 5. executor 함수 인자 중 하나인 resolve 함수..

1-1 선언 방식 class A{} console.log(new A()); 1-2 class 표현식을 변수에 할당 const B = class {}; console.log(new B()); 1-3 선언적 방식이지만 호이스팅은 일어나지 않는다. new C(); class C{} -----------> 작동되지 않는다. constructor class A{} console.log(new A()); class B { constructor(){ console.log('constructor'); } } console.log(new B()); class C { constructor(name, age){ console.log('constructor', name, age); } } console.log(new C('M..

함수, 클래스 (틀) => 객체, 개체, object 생성자 함수로 객체 만들기 function 틀() {} => new 틀() function B(name, age){ console.log(name, age); } const b = new B(); const c = new B('nana', 21); console.log(B()); //출력 undefined undefined nana 21 undefined undefined undefined 객체에 속성 추가하기 property 값을 속성으로 넣기 function A(){ this.name = "Mark"; } const a = new A(); console.log(a); //출력 A {name: "Mark"} 함수를 속성으로 넣기 function B(..

new 함수 function Person(name, age){ this.name = name; this.age = age; } const p = new Person('Mark', 37); console.log(p, p.name, p.age); const a = new Person('Anna', 26); console.log(a, a.name, a.age); //출력 Person {name: "Mark", age: 37} "Mark" 37 Person {name: "Anna", age: 26} "Anna" 26 함수안에 함수를 선언하여 리턴 function plus(base){ return function(num){ return base + num; } } const plus5 = plus(5); cons..

다음과 같이 2가지 방법이 있고 출력값도 동일하게 나온다. 1. 선언적 function // 함수의 매개변수 // 함수를 호출할 때 값을 지정 function hello2(name){ console.log('hello2', name); } // 함수의 리턴 // 함수를 실행하면 얻어지는 값 function hello3(name){ return `hello3 ${name}`; } console.log(hello3('Mark')); console.log(hello2('Amy')); 출력값 hello3 Mark hello2 Amy 2. 익명 함수를 만들어 변수에 할당 const hello2 = function(name){ console.log('hello2', name); } const hello3 = fun..

표현식이 참으로 평가될 때, 실행되는 블럭 표현식이 거짓으로 평가될때 Falsy flase, 0, '', null, undefined, NaN 표현식이 참으로 평가될때 Truethy Falsy의 반대 : true, 37, 'Mark', {}, []

동적타입 (Dynamic Type Language) let whatever = 'Mark'; whatever = 34; whatever = true; 선언하는것에 따라 각각 타입이 달라지는 whatever변수이다. 이런것은 선언된 이름만 봤을때는 어떤 타입의 데이터인지 알 수 없다. 데이터타입 기본타입(Primitive values) 객체(Objects) Boolean Null Undefined Number String Symbol (ECMAScript 6 에 추가됨) --> 고유한값을 만들고싶을때 사용됨

아래 있는 선언을 끌어올리는 현상이다. 보통 함수에서 일어나는데 var도 이러한 현상이 일어난다. 다음코드가 잘 동작이 된다. age = 6; age++; console.log(age); var age; 또다른 호이스팅현상을 보여주겠다. console.log(name); name = "Mark"; console.log(name); var name; //출력값 undefined Mark console.log(name); name = "Mark"; console.log(name); var name = "Woongjae"; //출력값 undefined Mark 호이스팅현상이 확실히 일어난다고하면 두번 다 Woongjae가 출력이 되어야하는데 Woongjae는 전혀 출력이되지않는 특이한 현상이 일어난다. -->..

블럭 스코프 { } --> 중괄호 안에서만 사용가능, 선언은 블럭밖에서 가능 const, let의 유효범위 함수 스코프 var의 유효 범위 const, let을 많이 사용하고 var은 많이 사용하지 않는다.

상수 선언법 const 상수를_지칭하는_이름 상수 선언하면서 바로 값을 할당하는 방법 const 상수를_지칭하는_이름=값; 주의! 값을 여러번 할당할 수 없다. /*작동안됨*/ const a = 1; a = 2; 에러코드 : "a" is read-only 변수 선언법 let 변수를_지칭하는_이름; --> 이름을 여러번 할당할 수 있다. 주의! 하지만, 같은이름의 변수를 여러번 선언할 수 없다. /*작동안됨*/ let value = 1; let value = 2; 에러코드 : Identifier 'value' has already been declared 변수에 값을 할당하는 방법 변수를_지칭하는_이름 = 값;