til-odin 님의 블로그

01. TL;DRthis는 함수 호출 방식에 따라 동적으로 결정되며, 전역 객체, 호출 객체, 생성 인스턴스 등 다양한 대상을 가리킬 수 있습니다.함수 내부에서 this는 정의 시점이 아닌 호출 시점에 따라 바인딩됩니다(렉시컬 스코프와 다릅니다).this 바인딩 문제를 해결하는 방법으로는 클로저(변수 that), bind, apply, call, 화살표 함수(arrow function), 클래스 필드 등이 있습니다.strict mode에서는 일반 함수 호출 시 this가 undefined가 됩니다.화살표 함수는 자신만의 this 바인딩을 갖지 않고, 외부(상위 스코프)의 this를 그대로 사용합니다.02. this 키워드란?02.01. 객체와 this의 기본 원리객체는 상태(프로퍼티)와 동작(메서드)를 ..

00. TL;DR절차지향 vs 객체지향절차지향은 순차적 명령 실행에 집중하고, 객체지향은 데이터와 메서드를 하나로 묶어 재사용성과 유지보수를 높입니다.상속과 프로토타입자바스크립트는 클래스 기반이 아닌 프로토타입 기반 상속을 사용합니다.모든 객체는 [[Prototype]] 내부 슬롯을 가지며, 이를 통해 상속이 이루어집니다.프로토타입 객체와 proto__proto__는 객체가 자신의 프로토타입에 접근하는 접근자 프로퍼티입니다.prototype은 생성자 함수가 생성한 인스턴스의 프로토타입을 가리키는 객체입니다.프로토타입 체인객체에서 프로퍼티를 찾을 수 없으면 상위 프로토타입으로 탐색을 계속하며, 이 구조를 프로토타입 체인이라 합니다.프로토타입 교체프로토타입은 생성자 함수 또는 인스턴스 단위에서 직접 교체할 ..

00. TL;DR자바스크립트의 스코프와 실행 환경은 코드 실행 시 식별자를 어떻게 찾고, 어디까지 접근 가능한지를 결정하는 핵심 메커니즘입니다.스코프(Scope)는 식별자(변수, 함수 등)의 유효 범위를 결정하며, 선언 위치에 따라 전역/지역/블록 스코프로 나뉩니다.스코프는 식별자 탐색 규칙(스코프 체인)을 통해 하위 → 상위로 식별자를 탐색하며, 결국 전역까지 도달하지 못하면 오류를 발생시킵니다.자바스크립트는 렉시컬 스코프(정적 스코프)를 따릅니다. 즉, 선언 시점에 상위 스코프가 결정됩니다.렉시컬 환경(Lexical Environment)은 식별자와 값의 바인딩 정보를 담는 구조로, 실행 컨텍스트 내부 구성 요소입니다.실행 컨텍스트(Execution Context)는 코드 실행을 위한 정보 단위이며,..