Way in Wayne

Class

• [Javascript] Class (2) 인스턴스, 추가 기능, 상속

  사부작사부작/Javascript 2022. 4. 4. 23:59

  #모던자바스크립트_딥다이브 스터디를 진행하면서 정리한 내용입니다. 클래스의 인스턴스 생성 과정 class Person { // 생성자 constructor(name) { // 1. 암묵적으로 인스턴스가 생성되고 this에 바인딩된다. console.log(this); // Person {} console.log(Object.getPrototypeOf(this) === Person.prototype); // true // 2. this에 바인딩되어 있는 인스턴스를 초기화한다. this.name = name; // 3. 완성된 인스턴스가 바인딩된 this가 암묵적으로 반환된다. } } 1. 인스턴스 생성과 this 바인딩 1) new 연산자와 함께 클래스를 호출하면 클래스 안의 constructor의 코드가..

  Read More
• [Javascript]Class (1)정의와 메서드

  사부작사부작/Javascript 2022. 3. 29. 21:52

  #모던자바스크립트_딥다이브 스터디를 진행하면서 정리한 내용입니다. 클래스는 프로토타입의 문법적 설탕인가? 자바스크립트와 같은 프로토타입 기반 객체지향 언어는 클래스가 필요 없는 객체지향 프로그래밍 언어다. ES5에서는 클래스 없이도 다음과 같이 생성자 함수와 프로토타입을 통해 객체지향 언어의 상속을 구현할 수 있다. // ES5 생성자 함수 var Person = (function () { // 생성자 함수 function Person(name) { this.name = name; } // 프로토타입 메서드 Person.prototype.sayHi = function () { console.log('Hi! My name is ' + this.name); }; // 생성자 함수 반환 return Perso..

  Read More