모던자바스크립트-DeepDive

1. this 키워드this는 자신이 속한 객체 혹은 자신이 생성할 인스턴스를 가리키는 자기 참조 변수이다. this를 통해 자신이 속한 객체 혹은 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있다.단 this가 가리키는 값, 즉 this 바인딩은 함수 호출 방식에 의해 동적으로 결정된다.전역에서의 this - 전역 객체 window일반 함수 내부의 this - 전역 객체 window메서드 내부의 this - 메서드 호출 객체생성자 함수 내부 this - 생성할 인스턴스2. 함수 호출 방식과 this 바인딩중첩 함수, 콜백 함수의 this가 전역 객체를 바인딩하는 것은 문제가 있다. 외부 함수인 메서드와 중첩, 콜백 함수의 this가 일치하지 않게 되지 않겠는가? 이 문제의 해결을 위해 직접 ..

JS는 프로토타입 기반의 OOP 언어이다. JS는 객체 기반의 언어이며 JS를 이루는 거의 모든 것이 객체다.1. 상속과 프로토타입JS는 프로토타입 기반으로 상속을 구현하여 불필요한 중복을 제거한다. 예를 들어,function Circle(radius) { this.radius = radius; this.getArea = function () { return Math.PI * this.radius ** 2; };}const circle1 = new Circle(1);const circle2 = new Circle(2);// Circle 생성자는 인스턴스를 생성할 때 마다 getArea 메서드를 중복 생성한다.// getArea 메서드는 하나만 쓰는것이 바람직하다.console.log(circle1.ge..