본문 바로가기

programming study/JavaScript

 (186)
23장 실행 컨텍스트(1) 본 내용은 모던 자바스크립트 Deep Dive - 자바스크립트의 기본 개념과 동작 원리를 토대로 작성하였습니다. 23.0 실행 컨텍스트란 자바스크립트의 동작 원리를 담고 있는 핵심 개념 23.1 소스코드의 타입 전역 코드 전역에 존재하는 소스코드 전역 변수를 관리하기 위해 전역 스코프를 생성해야 함 함수 코드 지역 스코프를 생성해야 함 함수 코드가 평가 되면, 함수 실행 컨텍스트가 생성 eval 코드 strict mode에서는 독자적인 스코프 생성 모듈 코드 독립적인 모듈 스코프 생성 23.2 소스코드의 평가와 실행 소스코드의 평가 실행 컨텍스트 생성 변수, 함수 등의 선언문만 먼저 실행 -> 스코프에 등록 소스코드의 실행 선언문 제외한 코드가 순차적으로 실행 런타임 변수, 함수의 참조를 실행 컨텍스트가..
22장 this 본 내용은 모던 자바스크립트 Deep Dive - 자바스크립트의 기본 개념과 동작 원리를 토대로 작성하였습니다. 22.1 this 키워드 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 특수한 식별자 자기 참조 변수 자바스크립트 엔진에 의해 암묵적으로 생성 코드 어디서든 참조 가능 this 바인딩은 함수 호출 방식에 의해 동적으로 결정 객체 리터럴의 경우 메서드를 호출한 객체를 가리킴 생성자 함수의 경우 생성자 함수가 생성할 인스턴스를 가리킴 함수가 호출되는 방식에 따라 this 바인딩이 동적으로 결정 22.2 함수 호출 방식과 this 바인딩 함수 호출 방식에 따라 동적으로 결정 일반 함수 호출 전역 객체 window를 가리킴(콜백 함수, 중첩 함수) strict mode일 때는 undefin..
21장 빌트인 객체(2) 본 내용은 모던 자바스크립트 Deep Dive - 자바스크립트의 기본 개념과 동작 원리를 토대로 작성하였습니다. 21.3 원시값과 래퍼 객체 래퍼 객체 : 원시값에 객체처럼 접근하면 생성되는 임시 객체 생성자 함수의 인스턴스 생성 prototype 메서드를 상속받아 사용 가능 래퍼 객체 처리가 종료되면 래퍼 객체는 가비지 컬렉션의 대상이 됨 null, undefined는 래퍼 객체 생성하지 않음 21.4 전역 객체 가장 먼저 생성되는 특수한 객체 최상위 객체 브라우저는 window Node.js는 global globalThis 환경 상관없이 전역 객체를 가리키는 식별자 표준 사양 ECMAScript2020(ES11) 표준 빌트인 객체와 호스트 객체, var 키워드로 선언한 전역 변수, 전역 함수를 프로..
21장 빌트인 객체(1) 본 내용은 모던 자바스크립트 Deep Dive - 자바스크립트의 기본 개념과 동작 원리를 토대로 작성하였습니다. 21.1 자바스크립트 객체의 분류 표준 빌트인 객체 ECMAScript 사양에 정의된 객체 자바스크립트 실행 환경 관계없이 언제나 사용 가능 전역 객체의 프로퍼티로 제공되어 선언 없이 언제나 참조 호스트 객체 ECMAScript 사양에 정의되어 있지 않지만 자바스크립트 실행 환경에서 추가 제공하는 객체 브라우저 - 클라이언트 사이드 Web API 제공 Nodej.s - Node.js 고유 API 사용자 정의 객체 21.2 표준 빌트인 객체 Object, String ... 40 여개의 표준 빌트인 객체 제공 생성자 함수로서 호출하여 인스턴스를 생성 표준 빌트인 객체가 생성한 인스턴스의 프로토타..
20장 strict mode(2) 본 내용은 모던 자바스크립트 Deep Dive - 자바스크립트의 기본 개념과 동작 원리를 토대로 작성하였습니다. 20.3 전역에 strict mode를 적용하는 것은 피하자 전역에 적용한 경우, 스크립트 단위로 적용 다른 스크립트에 영향을 주지 않고 해당 스크립트에 한정되어 적용 서드 파티 라이브러리가 none-strict mode인 경우, 오류를 발생 전역에 사용하는 것은 바람직하지 않음 IIFE를 사용하여 스코프를 구분할 것 20.4 함수 단위로 strict mode를 적용하는 것도 피하기 모든 함수에 strict mode를 적용하는것은 번거로운 일 stirct mode를 적용한 함수가 외부 컨텍스트를 참조시, 해당 컨텍스트가 strict mode가 적용되어 있지 않다면 문제가 발생할 수 있음 즉, ..
20장 strict mode(1) 20.1 strict mode란? 본 내용은 모던 자바스크립트 Deep Dive - 자바스크립트의 기본 개념과 동작 원리를 토대로 작성하였습니다. 20.1.1 암묵적 전역 함수 스코프에 선언이 되지 않은 변수를 참조하더라도, ReferenceError가 발생하는 것이 아니라 전역 객체에 프로퍼티를 생성함 생성된 전역 프로퍼티는 전역 변수처럼 사용할 수 있게 됨 function myCat() { cat = siru; } myCat(); ​ console.log(cat); 201.1.2 strict mode 오타나 문법 지식의 미비로 인한 실수 방지 잠재적인 오류를 발생시키기 어려운 환경 조성해야 함 strict mode(엄격 모드) ES5 JavaScript 언어의 문법을 좀 더 엄격하게 적영 ESLint..
19장 프로토 타입(10) 본 내용은 모던 자바스크립트 Deep Dive - 자바스크립트의 기본 개념과 동작 원리를 토대로 작성하였습니다. 19.14 프로퍼티 열거 19.14.1 for ... in 문 객체의 모든 프로퍼티를 순회하며 열거(enumeration) 상속받은 프로퍼티 까지 열거 프로퍼티의 개수만큼 순회 선언한 변수에 프로퍼티 할당 프로퍼티 어트리뷰트가 [[Enumerable]] 일 때 열거 가능 배열에는 for ...of 문 권장 const siru = { name : 'siru', age : 7, gender: woman, isGreedy: true, } ​ for (const key in siru) { console.log(key); } 19.14.2 Object.keys/values/entries 메서드 고유 프..
19장 프로토 타입(9) 본 내용은 모던 자바스크립트 Deep Dive - 자바스크립트의 기본 개념과 동작 원리를 토대로 작성하였습니다. 19.12 정적 프로퍼티/메서드 생성자 함수로 인스턴스를 생성하지 않아도 참조/호출 가능한 프로퍼티/메서드 생성자 함수가 생성한 인스턴스로 참조/호출 불가 인스턴스/프로토타입 메서드에서 this를 사용하지 않으면, 정적 메서드로 변경 가능 // 생성자 함수 function Cat(name) { this.name = name; } ​ // 프로토타입 메서드 Cat.prototype.introduce = function () { console.log(`나는 ${name}다. 고양이지.`); }; ​ // 정적 프로퍼티 Cat.isCat = true; ​ // 정적 메서드 Cat.sayWhatIs ..

티스토리툴바