Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

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

자바스크립트에서 객체(Object)를 생성하려면 new 연산자를 사용하여 객체의 인스턴스를 만들 수 있습니다. new 연산자 뒤에는 생성자 메서드가 따라옵니다.

생성자(Constructor)는 객체를 생성하고 초기화하는 함수입니다. 자바스크립트는 객체를 만들기 위해 Object()라는 특별한 내장 생성자 함수를 제공합니다. 이때 Object() 생성자의 반환값은 변수에 할당됩니다.

이 변수에는 새로 생성된 객체에 대한 참조가 저장됩니다. 한 가지 주의할 점은, 객체에 할당되는 속성(property)들은 일반적인 변수가 아니므로 var 키워드로 정의하지 않는다는 것입니다.

예제 코드

아래 코드를 직접 실행해 보면서 자바스크립트에서 객체를 생성하는 방법을 익혀보세요.

<html>
   <head>
      <title>사용자 정의 객체</title>
      <script>
         var book = new Object(); // 객체 생성
         book.subject = "Perl"; // 객체에 속성 할당
         book.author = "Tutorialspoint";
      </script>
   </head>
   <body>
      <script>
         document.write("책 이름 : " + book.subject + "<br>");
         document.write("책 저자 : " + book.author + "<br>");
      </script>
   </body>
</html>

실행 결과

책 이름 : Perl
책 저자 : Tutorialspoint

추가 팁: 다양한 객체 생성 방법

위 예제처럼 new Object()를 사용하는 방법 외에도 자바스크립트에는 여러 가지 객체 생성 방식이 있습니다.

1. 객체 리터럴 방식 — 가장 간결하고 널리 사용되는 방법입니다.
var book = { subject: "Perl", author: "Tutorialspoint" };

2. 사용자 정의 생성자 함수 방식 — 동일한 구조의 객체를 여러 개 만들 때 유용합니다.
function Book(subject, author) { this.subject = subject; this.author = author; }
var book = new Book("Perl", "Tutorialspoint");

3. Object.create() 메서드 방식 — 특정 프로토타입을 기반으로 객체를 생성할 때 사용합니다.

상황에 맞는 방식을 선택하면 코드의 가독성과 유지보수성을 크게 높일 수 있습니다.