Prototype4 [javascript] - 07 프로토타입과 클래스 - es6 클래스 예제 요즘 javascript 공부하는 게 재밌는 것 같다. + 20220322의 홍두현이 과거에 홍두현에게 "그거 아니야..... 제발 정신 차려..." Food 예제 이번 예제에서는 음식과 음식점, 그리고 위치를 class로 나타내는 예제를 만들어 보려고 한다. 먼저 class를 만들어주고 작성할 때는 앞을 무조건 대문자로 해준다. class를 만들었으면 그 안에 constructor 즉, 생성자를 만들어주고 파라미터에 내가 넣고 싶은 값을 넣는다. class Food { constructor(name) { this.name = name; this.locations = []; this.brands = []; } } 예시를 Food로 했기 때문에 pizza 와 chicken으로 해보겠다. 표현할 값들은 na.. 2023. 1. 16. [javascript] - 07 프로토타입과 클래스 - es6 class 오늘은 어깨운동을 했다. 나도 남들처럼 어깨에 코코넛 하나씩 달고 다니고 싶다. 원래 Class는 C++ java C# php 등 다른 언어에는 있었지만 javascript에는 없다가 es6문법이 나오면서 생기게 되었다. 이전 프로토타입 객체 상속받기에서 했던걸 es6문법을 통해 좀 더 간결하게 작업을 해보려 한다. 사용하려는 문법은 Class이며 이를 통해 좀 더 알기 쉬운 문법으로 바꿔보자. class Animal { constructor(type, name, sound) { this.type = type; this.name = name; this.sound = sound; } say() { console.log(this.sound); } } const dog = new Animal("개", "멍멍이.. 2023. 1. 16. [javascript] - 07 프로토타입과 클래스 - 객체 생성자 상속받기 prototype은 무엇인가.... 상속을 왜 받는가... 에 대한 고찰 일단 개념정리는 해놓자 예를 들어 Cat과 Dog라는 새로운 객체 생성자를 만든다고 가정해 보자. 그리고 해당 객체 생성자들에서 Animal의 기능을 재사용하려면 아래 코드처럼 할 수 있다. function Animal(type, name, sound) { this.type = type; this.name = name; this.sound = sound; } Animal.prototype.say = function() { console.log(this.sound); }; Animal.prototype.sharedValue = 1; function Dog(name, sound) { Animal.call(this, '개', name, .. 2023. 1. 16. [javascript] - 07 프로토타입과 클래스 - 객체 생성자 스타벅스 x 케이스티파이 아이폰 13 pro 케이스를 선착순 구매에 성공했지만 결국 안쓰기로... 1. 객체 생성자란? 함수를 통해 새로운 객체를 만들고 그 안에 넣고 싶은 값, 또는 함수를 구현할 수 있게 해준다. function Animal(type, name, sound) { this.type = type; this.name = name; this.sound = sound; this.say = function() { console.log(this.sound); }; } const dog = new Animal('개', '멍멍이', '멍멍'); const cat = new Animal('고양이', '야옹이', '야옹'); dog.say(); cat.say(); // 멍멍 // 야옹 객체 생성자를 사용.. 2023. 1. 16. 이전 1 다음 반응형
