같은 부모 유전자를 가진 여러 객체를 만들어내기 위해 변수와 메소드가 정의되어 있는 Class라는 틀을 사용한다. 이전에는 Constructor를 사용해서 위 기능을 구현했고, ES6에서 Class 문법이 추가되었다. Class를 사용하면 Constructor보다 더 명확하고 깔끔한 코드를 만들 수 있다. 📌 constructor로 생성자를 만든 경우 function Person (name, age) { this.name = name; this.age = age; } // 상속할 속성을 constructor에 정의 Person.prototype.sayHello = function() { console.log('Hello, I am ' + this.name ); } // 메서드를 prototype에 추가 ..
자바스크립트의 객체지향적 특성에 대해 공부하며 프로토타입 기반의 언어라는 내용이 계속 나왔지만 한번에 다 이해할 수가 없어서.. 때되면 이해할 수 있겠지 하며 넘겨왔었다. 그리고 이제 드디어 정리가 좀 되는 중! 👀 Prototype 이란? 프로토타입은 유전자 같은 것이다. 부모가 가진 유전자를 기반으로 자식객체를 만드는 개념이다. 자바스크립트가 프로토타입 기반 언어라는 것은 결국 객체지향적 특성을 설명한다. 클래스 기반 객체지향 VS 프로토타입 기반 객체지향 객체지향은 블럭을 조립해 제품을 만들어가는 과정 같은 것이라고 했다. Java 나 Python, C++ 같은 언어에서는 클래스를 정의해 그것으로부터 블럭(자식 객체)을 만들어 나간다면, Javascript는 클래스 없이 부모의 유전자를 가진 자식객..
- Total
- Today
- Yesterday
- Callback
- 다중조건삼항연산자
- promise
- 타입스크립트
- 생각정리
- scrollEvent
- Til
- 조건부삼항연산자
- javascript
- typescript
- Ternary
- Prototype
- ES6
- DOM
- class
- JQuery
- 구조분해할당
- callsignature
- Synchronous
- Asynchronous
- VSCode
- notworking
- 삼항조건연산자중복사용
- JSX
- CSS
- Prettier
- 리액트
- JS
- destructuring
- 개념정리
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |