1. 상황에 따라 달라지는 this this는 실행 컨텍스트가 생성될 때 결정(this binding : 묶는 것) === this는 함수를 호출할 때 결정 i. 전역 공간에서의 this 1. 전역 공간에서 this는 전역 객체를 가르킴 window(브라우저 환경), global(node 환경) console.log(this) // 전역공간에서의 this는 window를 지칭한다. console.log(window) console.log(this === window) // true 메서드로서 호출할 때 그 메서드 내부에서의 this i. 함수 vs 메서드 기준: 독립성 함수: 그자체로 독립적인 기능을 수행 메서드: 자신을 호출한 대상 객체에 관한 동작을 수행 ii. 함수와 메서드가 호출될 때, this는..

1. 실행 컨텍스트란? 스택(Stack) : LIFO vs 큐(Queue) : FIFO 콜 스택 (call stack) 실행 컨텍스트란 실행할 코드에 제공할 환경 정보들을 모아놓은 객체 모아서 어디에? --> 콜 스택에 가장 위에 쌓여있는 컨텍스트와 관련된 코드를 실행하는 방법으로 코드의 환경 및 순서를 보장 컨텍스트의 구성방법 1. 전역공간 2. eval() 함수 3. 함수(우리가 흔히 실행컨텍스트를 구성하는 방법) 4. 실행컥텍스트 구성 예시 // -------- 1번 (전역) var a = 1 function outer() { function inner() { console.log(a) // undefined var a = 3 } inner() // ------ 2번 console.log(a) } ..

데이터 타입의 종류에는 이미지와 같이 참조형(Reference Type) 기본형 (Primitive Type) 으로 나뉩니다. 기본형 Type Number Type ex) 1, 2, 3, 4 String Type. ex) "string" Boolean Type. ex) true, false null. ex) 값이 없다 undefined ex) 값이 없다 Symbol (ES6 부터 새롭게 추가된 타입) 참조형 Type Object (객체) Array 배열 ex) [0, 1, 2, 3] Function 함수 Date RegExp 정규 표현식 Map, WeekMap Set, WeekSet 기본형과 참조형의 구분 기준 1. 복제의 방식 기본형 - 값이 담긴 주소값을 바로 복제 참조형 - 값이 담긴 주소값들 이루..

1. Class 의 개념과 선언방법 class Person { // constructor 생성자 constructor(name, age) { //fields this.name = name this.age = age } // Methods speak() { console.log(`${this.name}: hello!`) } } // 객체 생성 // 객체를 생성할 때에는 클래스앞에 new라는 키워드를 사용한다. const leo = new Person("leo", 26) console.log(leo.name) leo.speak() Class 자바스크립트 클래스는 ES6에서 새로 나온 문법이다. 클래스는 템플릿에 속하고 데이터가 들어있지 않고 템플릿만 정의합니다. 클래스는 한번만 선언합니다. 클래스는 최신문법..