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

객체란 무엇입니까?



객체는 JavaScript의 데이터 유형 중 하나입니다. 개체는 속성 모음으로 볼 수 있습니다. 속성은 이름-값 쌍입니다.

즉, JavaScript 개체는 실제 개체 또는 엔터티와 매우 유사한 것입니다.

사람을 생각하십시오. 사람은 이름이나 나이와 같은 다른 속성을 가지고 있습니다. 음... 사람은 JavaScript 개체로 모델링할 수 있습니다.

JavaScript에서 객체를 생성하는 방법에는 여러 가지가 있습니다.

1. Object() 생성자


  • Object() 생성자를 사용하여 빈 개체를 만듭니다.
  • 개체의 속성을 설정합니다.

  • 예시:

    // Use the `Object()` constructor to create an empty object
    var person = Object();
    
    // Set the object's properties
    person.name = "John Doe";
    person.age = 42;
    


    2. 방법 만들기



    Object.create()는 다른 객체의 프로토타입에서 객체를 생성하는 데 사용할 수 있습니다.

    예시:

    var person = Object.create(Person)
    


    3. 객체 이니셜라이저


  • 중괄호 {}를 작성합니다.
  • 모든 속성( name: value 쌍)을 중괄호 안에 넣습니다.
  • 쉼표를 추가하여 name: value 쌍을 구분합니다.

  • 이것을 객체 리터럴(또는 객체 이니셜라이저)이라고 하며 객체를 만드는 데 사용할 수 있습니다.

    예시:

    var person = {
        name: "John Doe",
        age: 42
    }
    


    4. 생성자 기능


  • 생성자 함수를 만듭니다.
  • 생성자 함수에서 객체를 만들려면 'new' 키워드를 사용하십시오.

  • 예시:

    // Create a Constructor Function
    function Person() {
        this.name = "John Doe";
        this.age = 42;
    }
    
    // Use the 'new' keyword to create an object from the constructor function
    var person = new Person();
    


    5. ES6 클래스(JavaScript ES6 전용)


  • 생성자 메서드를 포함하는 ES6 클래스를 만듭니다.
  • 생성자가 개체의 속성 값을 인수로 사용합니다.

  • 예시:

    class Person {
        constructor(name, age) {
            this.name = name;
            this.age = age;
        }
    }
    
    var person = Person("John Doe", 42);
    


    6. 싱글톤 객체



    Singleton은 한 번만 생성할 수 있는 객체입니다. 두 번째 개체를 만들려고 하면 첫 번째 개체에 대한 참조가 반환됩니다.

    예시:

    var person = new function(){
        this.name = "John Doe";
        this.age = 42;
    }
    


    결론



    이 블로그 게시물에서는 JavaScript에서 개체를 만드는 6가지 방법을 보여 주었습니다. 모든 개발자는 이러한 방법을 알고 있어야 하며 때때로 가장 적절한 방법을 선택해야 합니다.

    이것이 이 게시물의 전부입니다. 이 게시물이 마음에 드셨다면 Twitter( )에서 저를 팔로우하시면 제가 새 게시물을 게시할 때 알림을 받을 수 있습니다. 😊

    좋은 웹페이지 즐겨찾기