Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- regExp
- img 확대
- improve-iq-by-up-to-10%!
- Express
- css
- flexbox
- flex-grow
- Sass
- node
- Node.js
- JS
- Object.create
- flex-basis
- css grid
- es6
- 정규표현식
- Engoo
- select by attribute
- 디자인패턴
- 무료 백엔드 배포
- ajax
- shit-christmas
- css 오버레이
- css variables
- just-one-small-sip
- Prototype
- module wrapper function
- close together
- express-handlebars
- flex-shrink
Archives
- Today
- Total
Construct object 본문
Object literal 말고 객체를 생성할 수 있는 방법이 두 가지 더 있다.
하나는 prototypes와 함께 constructor function을 생성하는 것이고,
다른 하나는 es6에서 class를 이용하는 것이다.
1) Constructor function 이용하기
생성자 함수를 만들 때는 항상 함수의 이름 맨 앞이 대문자여야 한다.
매개변수에는 해당 객체의 properties 명을 전달한다.
그 후, 해당 생성자를 new 키워드와 함께 사용하여 인스턴스화(구체화)를 통해 객체를 생성 하면 된다.
Object literal로 생성한 것과 다른 점은 앞에 해당 객체의 이름이 적힌다는 것이다.
다음과 같이 object에 methods를 추가할 수도 있다.
또한 JS는 프로토타입 기반언어인데 해당 부분에 대해서는 여길 참고하자.
https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/Object_prototypes
따라서 다음과 메서드를 다음과 같이 Person의 프로토타입에 추가하여 상속받아 사용할 수 있다.
2) class 키워드 이용하기
es6부터는 class를 이용해 prototype과 같은 구현이 가능하다.
'2021 프론트 엔드 로드맵 따라가기 > JS' 카테고리의 다른 글
null과 undefined의 차이 (0) | 2021.05.29 |
---|---|
DOM Manipulation (0) | 2021.05.28 |
function (0) | 2021.05.28 |
조건문 (0) | 2021.05.27 |
반복문 (0) | 2021.05.27 |
Comments