🟨 JavaScript/정리

JavaScript 정리 : this (2) 화살표함수에서의 this

여기서 잠깐🔔 화살표 함수의 특징 생성자로 사용할 수 없음 스스로의 this, argument를 가지지 않음 return하지 않아도 값이 반환됨 (본문이 여러 줄로 이루어진 경우는 제외) 화살표 함수의 this는? this = 함수가 정의된 스코프의 this를 가리킴 (생성될 때 this가 결정되며, 화살표함수가 어떻게 사용/호출되든 this는 변하지 않는다.) const obj = { name: '철수', sayName: function() { const innerMethod = () => { return `${this.name}, 안녕!`; }; console.log(innerMethod()); } }; obj.sayName(); // 철수, 안녕! → 그러므로 객체의 메소드는 화살표 함수로 정의하지..

JavaScript 정리 : this (1) 상황별 this

JavaScript에서 this가 가리키는 객체는 정해져 있지 않으며, 호출될 때 결정된다. 아래처럼 다양한 상황에서 this가 어떤 객체를 가리키게 되는지 알아보자. (화살표함수에서의 this는 다음 글에서 정리한다.) 목차 전역 컨텍스트 (Global scope) & 함수 호출 객체에 속한 메서드 호출 객체에 속한 메서드의 내부 함수 호출 함수를 메서드로 호출 (call, apply, bind) 생성자 함수 호출 클래스 이벤트 핸들러 "use strict" 모드 1. 전역 컨텍스트 (Global scope) & 함수 호출 this = 전역 객체 (브라우저에서는 window) console.log(this); // 전역 객체 (브라우저에서는 window) function myFunction() { co..