Construct object 본문

2021 프론트 엔드 로드맵 따라가기/JS

Construct object

알 수 없는 사용자 2021. 5. 28. 14:18

Object literal 말고 객체를 생성할 수 있는 방법이 두 가지 더 있다.

 

하나는 prototypes와 함께 constructor function을 생성하는 것이고,

다른 하나는 es6에서 class를 이용하는 것이다.

 

1) Constructor function 이용하기

생성자 함수를 만들 때는 항상 함수의 이름 맨 앞이 대문자여야 한다.

매개변수에는 해당 객체의 properties 명을 전달한다.

그 후, 해당 생성자를 new 키워드와 함께 사용하여 인스턴스화(구체화)를 통해 객체를 생성 하면 된다.

Object literal로 생성한 것과 다른 점은 앞에 해당 객체의 이름이 적힌다는 것이다.

Person 이라는 객체 생성

다음과 같이 object에 methods를 추가할 수도 있다.

person 객체에 getBirthYear 메소드를 추가

또한 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