본문 바로가기

개념이해

(2)
JavaScript this 바인딩 이해하기 핵심 개념JavaScript에서 this는 함수가 어떻게 호출되느냐에 따라 결정됩니다. 함수를 작성할 때가 아니라, 실행될 때 결정된다는 게 핵심입니다.1. 기본 바인딩 (Default Binding)함수를 그냥 호출하면 this는 undefined가 됩니다 (strict mode/모듈 환경).function sayName() { console.log(this.name);}sayName(); // TypeError: Cannot read properties of undefined2. 암시적 바인딩 (Implicit Binding)객체의 메서드로 호출하면 this는 .앞의 객체를 가리킵니다.const person = { name: '철수', sayName: function() { console...
JavaScript 이벤트 루프: Task Queue vs Microtask Queue JavaScript는 싱글 스레드 언어입니다.그런데 어떻게 비동기 작업을 처리할 수 있을까요?**이벤트 루프(Event Loop)**를 사용할 수 있습니다.이벤트 루프란?이벤트 루프는 JavaScript 엔진이 비동기 작업을 처리하는 메커니즘입니다. 코드 실행을 관리하고, 대기 중인 작업들을 순서대로 처리합니다.핵심 구성 요소┌─────────────┐│ Call Stack │ ← 현재 실행 중인 코드└─────────────┘ ↓┌─────────────────┐│ Microtask Queue │ ← Promise, queueMicrotask (우선순위 높음)└─────────────────┘ ↓┌─────────────────┐│ Task Queue │ ← setTim..

반응형