객체 생성방법

양종하·2020년 11월 1일
0
post-thumbnail

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

  1. 리터럴 표기(literal notation)를 이용한 방법
  2. 생성자 함수(constructor function)를 이용한 방법
  3. Object.create() 메소드를 이용한 방법

위와 같은 방법으로 생성되어 메모리에 대입된 객체를 인스턴스(instance)라고 한다.

  1. 리터럴 표기(literal notation)
var 객체이름 = {
    property1name : property1value,
    property2name : property2value,
    ...
};

가장 간단한 방법으로 각각의 프로퍼티는 이름과 값을 콜론(:)으로 연결하고, 쉼표(,)를 사용해 다른 프로퍼티와 구분합니다.
프로퍼티의 이름으로는 자바스크립트의 식별자(identifier)나 문자열을 사용할 수 있습니다.

2.생성자 함수(constructor function)

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

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

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

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

Object.create() 메소드를 이용하여 객체를 생성할 수도 있다.
Object.create() 메소드는 지정된 프로토타입(prototype) 객체와 프로퍼티를 가지고 새로운 객체를 만들어 준다. 따라서 이 메소드를 이용하면 사용자가 프로토타입 객체를 직접 명시할 수 있으므로, 상당히 유용하게 사용된다고 한다.

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;  // x좌표
obj.y;  // y좌표 
Object.getPrototypeOf(obj); // 객체의 프로토타입을 반환해 줌.
profile
내일이 더 즐거운 사람

0개의 댓글