자바스크립트에서 객체를 생성하는 방법

boyeonJ·2023년 4월 23일
0

JavaScript ETC

목록 보기
8/14

자바스크립트에서 객체를 생성하는 방법에는 다양한 방법이 있습니다.
대표적인 방법들은 다음과 같습니다.

  1. 객체 리터럴
  2. 생성자 함수
  3. Object.create() 메서드
  4. 클래스(class)

하나씩 살펴보도록 합시다!


객체 리터럴(object literal)

중괄호({})를 사용하여 객체를 생성합니다. 간단하고 빠르게 객체를 생성할 수 있습니다.

const person = {
  name: 'John',
  age: 30,
  gender: 'male'
};

생성자 함수(constructor function)

함수를 사용하여 객체를 생성합니다. new 키워드를 사용하여 호출하며, 생성자 함수의 prototype 프로퍼티를 사용하여 상속을 구현할 수 있습니다.

function Person(name, age, gender) {
  this.name = name;
  this.age = age;
  this.gender = gender;
}

const person = new Person('John', 30, 'male');

Object.create() 메서드

부모 객체를 상속받은 새로운 객체를 생성합니다. 생성된 객체는 부모 객체의 속성을 상속받습니다.
*얕은 복사(shallow copy)를 수행

const parent = {
  name: 'Alice',
  age: 50
};
const child = Object.create(parent);
child.name = 'Bob';
child.age = 20;

클래스(class)

ES6에서 추가된 클래스 문법을 사용하여 객체를 생성합니다. 생성자 함수와 유사하며, 상속을 구현할 수 있습니다.

class Person {
  constructor(name, age, gender) {
    this.name = name;
    this.age = age;
    this.gender = gender;
  }
}
const person = new Person('John', 30, 'male');

0개의 댓글