[JS] 생성자 함수 인스턴스 생성 과정

00. 생성자 함수의 역할 - 구조가 동일한 인스턴스를 생성하기 위한 템플릿으로 생성하는 것 - 생성된 인스턴스를 초기화하는 것 function Square(side) { // 인스턴스 초기화 this.side = side; this.getArea = function () { return this.side * this.side; }; } // 인스턴스 생성 const square = new Square(3); // 객체 생성 this에 프로퍼티를 추가하고 필요에 따라 인스턴스를 초기화한다. 이때, 인스턴스를 생성하고 반환하는 코드는 보이지 않는다. 자바스크립트 엔진은 암묵적으로 인스턴스를 생성하고 반환하기 때문이다. 이러한 암묵적인 처리는 다음과 같다. 01. 인스턴스 생성과 this 바인딩 암묵적으로 ..
Oops, All Code!/📝 Study Notes 2023. 3. 7. 00:00
[JS] 생성자 함수와 객체 리터럴의 차이

1. 객체 리터럴의 문제 단 하나의 객체만 생성하므로 동일한 프로퍼티를 갖는 객체를 여러개 생성해야할 때 비효율적이다. const square1 = { side: 3, getArea() { return this.side*this.side; } }; console.log(square1.getArea()); // 9 const square2 = { side: 5, getArea() { return this.side*this.side; } }; console.log(squre2.getArea()); // 25 문제는, 객체마다 프로퍼티 값이 다를 수 있지만 메서드가 동일한 경우가 많다는 사실이다. 예시로 정사각형을 표현한 square1과 square2는 프로퍼티 구조가 동일하다. 이런 경우 객체 리터럴은 구조..
Oops, All Code!/📝 Study Notes 2023. 3. 6. 00:00
1