본문 바로가기
반응형

JavaScript32

실행 컨텍스트 (모던 자바스크립트 Deep Dive) 실행 컨텍스트의 개념을 이해하면 자바스크립트의 전반적인 이론들을 이해할 수 있다. 꼭 완벽 이해해보자..! 23.1 소스코드의 타입 소스코드에 따라 실행 컨텍스트를 생성하는 과정이 다 다르다. 코드가 평가될 때, 실행 컨텍스트를 생성한다. 전역 코드 전역 스코프 생성 전역 변수 관리 함수 코드 지역 스코프 생성 지역 변수, 매개변수, 인수 관리 스코프 체인을 연결해야한다. eval 코드 자신만의 실행 컨텍스트 생성 이거 사용하지 말자. 모듈 코드 독립적인 모듈 스코프 생성 24.2 소스코드의 평가와 실행 평가 과정에서 실행 컨텍스트를 생성하고, 식별자를 키로 실행 컨텍스트가 관리하는 스코프에 등록 스코프 : 렉시컬 환경의 환경 레코드 평가가 끝나면 런타임이 시작되고, 실행에 필요한 정보들을 실행 컨텍스트.. 2024. 4. 16.
this (모던 자바스크립트 Deep Dive) 22.1 this 키워드 생성자 함수를 선언할 때, 인스턴스가 만들어지기도 전에 어떻게 인스턴스를 가리켜야할까? 자신이 속한 객체 또는 생성자 함수가 생성할 인스턴스를 가리키는 자기 참조 변수 그렇기 때문에 자신이 속한 객체 또는 인스턴스의 프로퍼티나 메서드를 참조할 수 있다. 엔진에 의해 암묵적으로 생성된다. 함수 호출 방식에 따라 동적으로 결정된다. this는 키워드이지만 식별자 역할을 하며 this가 가리킬 객체를 바인딩한다. this는 어디서든 참조가 가능하다. 📎 this의 장소 의미 전역 window 일반 함수 window 객체의 메서드 호출한 객체 생성자 함수 인스턴스 일반 함수 (strict mode) undefined 22.2 함수 호출 방식과 this 바인딩 함수 호출 방식에 따라 th.. 2024. 4. 16.
빌트인 객체 (모던 자바스크립트 Deep Dive) 21.1 자바스크립트 객체의 분류 표준 빌트인 객체 ECMAScript 사양에 정의된 객체 전역 객체의 프로퍼티 호스트 객체 실행 환경에 따라 추가로 제공되는 객체 브라우저 또는 Node.js 사용자 정의 객체 21.2 표준 빌트인 객체 모두 인스턴스를 생성할 수 있는 생성자 함수 객체 프로토타입 메서드와 정적 메서드 제공 Math, Reflect, JSON 제외 얘네는 정적 메서드만 제공 21.3 원시값과 래퍼 객체 원시값은 객체가 아니지만 객체처럼 동작한다. 엔진에서 암묵적으로 연관된 객체를 생성하여 해당 프로퍼티에 접근/호출 후 원시값으로 되돌린다. 사용된 임시 객체는 가비지 콜렉터가 주서간다. 엔진에 의해 임시로 객체가 되는 친구들을 래퍼 객체라고 부른다. Symbol()은 생성자 함수가 아니므로.. 2024. 4. 16.
strict mode (모던 자바스크립트 Deep Dive) 20.1 strict mode란? 키워드로 변수 선언을 하지 않으면 암묵적 전역이 일어나고 해당 변수를 참조하면 에러가 발생하지 않는다. ES5부터 지원 언어의 문법을 더욱더 엄격하게 적용시킨다. strict mode보다 ESLint를 선호 strict mode + 코딩 컨벤션 20.2 strict mode의 적용 전역의 선두, 함수 몸체의 선두 ‘use strict’; 추가 20.3 전역에 strict mode를 적용하는 것은 피하자 스크립트 단위로 실행된다. 다른 스크립트에는 영향을 주지 않는다. 즉시 실행 함수로 스코프를 구분하고 strict mode 적용 20.4 함수 단위로 strict mode를 적용하는 것도 피하자 번거롭다. 중첩 함수의 경우 또 번거로워진다. 20.5 strict mode가.. 2024. 4. 16.
728x90
반응형