[Javascript] 프로토타입 방식 클래스와 ES6 class 비교
기존 프로토타입 방식으로 클래스를 생성하는 방법과 ES6의 class를 비교하며 자세히 알아보도록 하자. 목차 프로토타입 방식으로 클래스 만들기 ES6 class 1. 프로토타입 방식으로 클래스 만들기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 // 클래스 생성자 function User(name, age) { // 프로퍼티 정의 this.name = name; this.age = age; } // 메서드 정의 User.prototype.showInfo = function() { console.log("User name: " + this.name); console.log("User age: " + this.age); } // 인스턴스 생성 const use..
기존에는 함수로 객체를 생성했다면, ES6(ES2015)부터는 클래스를 통해 객체를 생성한다. 함수로 객체를 생성하는 방법부터 클래스로 객체를 생성하는 방법까지 단계별로 알아보도록 하겠다. 목차 공장 함수 (Factory function) 생성자 함수(Constructor function) 클래스(Classes) 1. 공장 함수 (Factory function) 어떤 함수가 객체를 반환할 때, 이 함수를 공장 함수 혹은 팩토리 함수라고 부른다. 객체를 찍어내는 형태이기 때문에 붙은 이름이다. 1 2 3 4 5 6 7 8 9 10 function createInfo() { return { type: 'fruit', name: 'apple', color: 'red', }; } console.log(creat..