[TCP School/자바스크립트] 객체 - 객체의 생성

자바스크립트에서 객체를 생성하는 방법은 다음과 같다.

1. 리터럴 표기(literal notation)를 이용한 방법

2. 생성자 함수(constructor function)를 이용한 방법

3. Object.create() 메소드를 이용한 방법

---

리터럴 표기를 이용한 방법

자바스크립트에서 객체를 생성하는 가장 쉬운 방법은 리터럴 표기를 이용하는 방법이다.

var 객체이름 = {
     프로퍼티1이름: 프로퍼티1의값,
     프로퍼티2이름: 프로퍼티2의값,
     ...
};

각각의 프로퍼티는 이름과 값을 콜론(:)으로 연결하고, 쉼표(,)를 사용해 다른 프로퍼티와 구분한다.

프로퍼티의 이름으로는 자바스크립트의 식별자나 문자열을 사용할 수 없다.

 

var person = {
    name: '김철용',
    age: 25,
    sex: male;
}

document.write('제 이름은 '+ person.name + '이고, 나이는 ' + person.age + '입니다.');

---

생성자를 이용한 객체의 생성

new 연산자를 사용하여 객체를 생성하고 초기화할 수 있다.

이 때 사용되는 메소드를 생성자(constructor)라고 하며, 이 메소드는 새롭게 생성되는 객체를 초기화하는 역할을 한다.

자바스크립트는 원시 타입을 위한 생성자를 미리 정의하여 제공한다.

var day = new Date();  // new 연산자를 사용하여 Date 타입의 객체를 생성함 

document.write('올해는 ' + day.getFullYear() + '년입니다.');

위의 예제처럼 자바스크립트에서 제공하는 생성자를 사용할 수도 있으며, 사용자가 직접 객체 생성자 함수(object constructor function)를 작성하여 사용할 수도 있다.

---

Object.create() 메소드를 이용한 객체의 생성

Object.create() 메소드를 이용하여 객체를 생성할 수도 있다.

Object.create() 메소드는 지정된 프로토타입 객체와 프로퍼티를 가지고 새로운 객체를 만들어 준다.

따라서 이 메소드를 이용하면 사용자가 프로토타입 객체를 직접 명시할 수 있으므로, 상당히 유용하게 사용된다.

Object.create(프로토타입객체[, 새로운객체의프로퍼티1, 새로운객체의프로퍼티2, ...]);

Object.create() 메소드의 첫 번째 인수로는 프로토타입으로 사용할 객체를 전달한다.

두 번째 인수로는 새로운 객체의 추가할 프로퍼티 정보를 전달한다.

 

var obj = Object.create(null, {  // null 프로토타입을 사용하여 새로운 객체 생성
    x: {value: 100, enumerable: true},  // x좌표를 나타내는 열거할 수 있는 프로퍼티 추가
    y: {value: 200, enumerable: true}  // y좌표를 나타내는 열거할 수 있는 프로퍼티 추가
});

obj.x;
obj.y;
Object.getPrototypeOf(obj)  // 객체의 프로토타입을 반환

---

TCP School의 강의 내용을 정리한 포스트입니다.

http://www.tcpschool.com/javascript/intro

코딩교육 티씨피스쿨