본문 바로가기

this

(3)

[JavaScript] this란? / call, apply, bind 차이점 🔗 this란? this는 함수 호출 방식에 따라 this에 바인딩할 객체가 동적으로 결정된다. (예외적으로, bind 함수는 호출과 무관에게 묶어서 고정시킬 수 있다.) 호출한 객체 === this 🔗 함수 호출 방식 1. 함수(일반함수, 전역함수, 외부함수, 내부함수(일반 내부함수, 메소드의 내부함수, 콜백함수 등)) 호출 this는 전역객체(window)를 가리킨다. 2. 메소드 호출 this는 해당 메소드의 객체를 가리킨다. 3. 생성자 함수 호출 this는 생성자로 인해 생성된 인스턴스를 가리킨다. 4. call, apply, bind 호출 this가 함수 호출식에 따라 객체를 가리킨다면 call, apply, bind는 함수가 직접 실행문맥을 결정한다. call은 함수를 호출해 실행한다. 함수..

[JavaScript] 실행 컨텍스트(Execution Context)란? 🔗 실행 컨텍스트(Execution Context) 란? 실행 컨텍스트는 실행 가능한 코드가 실행되기 위해 필요한 환경이다. 🔗 실행 컨텍스트의 종류 📍 전역 컨텍스트 (Global Context) 전역 영역에 존재하는 코드의 실행 컨텍스트 실행 컨텍스트가 생성이 되면, 스택에 쌓인다. 어플리케이션이 종료될 때(웹 페이지에서 나가거나 브라우저를 닫을 때) 소멸된다. window가 this로 할당된다. 📍 함수 컨텍스트 (Function Context) 함수 내에 존재하는 코드의 실행 컨텍스트 선언된 함수가 호출이 될 때 실행 컨텍스트가 생성이 되고, 스택에 쌓인다. 함수의 모든 동작(실행)이 완료되면, 함수 컨텍스트는 소멸된다. (클로저 사용하면 소멸X) 🔗 실행 컨텍스트의 객체 실행 컨텍스트는 실행 가..

[JavaScript] 메소드 체이닝(Method Chaining)이란? 🔗 메소드 체이닝(Method Chaining)이란? 여러 메소드를 이어서 호출하는 문법이다. 메소드가 객체(this)를 반환하여 여러 메소드를 순차적으로 선언할 수 있도록 한다. 🔗 장단점 장점 코드가 간결해져 하나의 문장처럼 읽힐 수 있다. 장기적으로 유지보수에 도움이 된다. 단점 하나의 라인에서 너무 많은 일이 일어나 디버깅에 어려움이 있을 수 있다. 오류가 났을 때 어느 부분의 메소드에서 오류가 났는지 확인하기 어렵다. 🔎 참고 자료 메소드 체이닝 💡 같이 보면 좋을 Post [JavaScript] 자바스크립트는 '이벤트 기반', '논블로킹' 방식을 사용하고 '싱글 스레드' 언어이다. 자바스크립트는 싱글 스레드 언어이다. 하지만 실제 사용시에는 많은 작업이 동시에 처리되는 멀티 스레드처럼 보이는데..

이전 1 다음

티스토리툴바