Jerry

this는 실행 컨텍스트(Excution Context)에 따라 달라지는 값즉, 함수 호출 방법에 따라 달라짐        this의 결정 방식 (4가지 규칙 + 1)1. 기본 호출 규칙 (전역 / 일반 함수 호출)2. 객체 메서드 호출3. 생성자 함수 호출 (new 키워드)4. 명시적 바인드 (call, apply, bind)5. (추가) 화살표 함수 (Lexical this)    Lexical이란"어휘적인", "코드가 작성된 위치에 따라 결정되는" 이라는 뜻즉, Lexical this는 this가 코드가 작성된 위치(상위 스코프)에 의해 결정된다는 의미    1. 기본 호출 규칙 (전역 / 일반 함수 호출)- this가 window or undefined- 일반 함수에서 this를 호출하면 전역 객..

자바스크립트에서 함수 호출 방식에 따라(어떻게 호출되었는지에 따라) this에 바인딩되는 객체가 동적으로 달라진다. 수의 상위 스코프를 결정하는 방식인 렉시컬 스코프(Lexical scope)는 함수를 선언할 때 결정된다. this 바인딩과 혼동하지 않도록 주의하기 바란다. 함수의 호출하는 방식 1. 함수 호출 2. 메소드 호출 3. 생성자 함수 호출 4. apply/call/bind 호출 var foo = function () { console.dir(this); }; // 1. 함수 호출 foo(); // window // window.foo(); // 2. 메소드 호출 var obj = { foo: foo }; obj.foo(); // obj // 3. 생성자 함수 호출 var instance = ..

참고로, 이 글은 인프런, Javascript 핵심 개념 알아보기 - JS Flow, 정재남 강의를 보고서 정리한 내용입니다. 지난 시간에 실행 콘텍스트에 대해 이야기를 하였다. (실행 콘텍스트 글 보기) 실행 콘텍스트에 대한 내용을 보았다면, 아래 이미지가 생소하진 않을 것이다. (만약, 못 보신 분들이라면 실행 콘텍스트 글을 보고 이 글을 보시는걸 권장드립니다 ) this라는 개념이 자바스크립트를 처음 접할 때부터 복잡하고 어려운 개념이었다.. 이번 시간을 통해 this를 뿌셔보도록 하자!!! crushing 'this' !! 지난 시간에 아래 내용 중 ThisBinding에 대해서는 이야기하지 않았는데 이번 시간에 다룰 것이다. ThisBiding은 어디서 한다? 실행 콘텍스트가 활성화될 때 THI..