자바스크립트의 객체

2220 단어 es6javascript

아래와 같이 javascript에서 객체를 생성하는 방법에는 여러 가지가 있습니다.



1.객체 생성자:
빈 객체를 만드는 가장 간단한 방법은 Object 생성자를 사용하는 것입니다. 현재 이 방법은 권장되지 않습니다.
var object = new Object();2.객체의 생성 방법:
Object의 create 메소드는 프로토타입 객체를 매개변수로 전달하여 새로운 객체를 생성합니다.var object = Object.create(null);3.객체 리터럴 구문:
개체 리터럴 구문(또는 개체 이니셜라이저)은 중괄호로 묶인 이름-값 쌍의 쉼표로 구분된 집합입니다.

var object = {
     name: "Neeraj Kumar",
     age: 25
};

Object literal property values can be of any data type, including array, function, and nested object.


참고: 이것은 개체를 만드는 가장 쉬운 방법입니다.
4. 함수 생성자
함수를 만들고 new 연산자를 적용하여 개체 인스턴스를 만듭니다.

function Person(name) {
  this.name = name;
  this.age = 21;
}
var object = new Person("Neeraj Kumar");


5. 프로토타입이 있는 함수 생성자
이것은 함수 생성자와 비슷하지만 속성과 메소드에 대한 프로토타입을 사용합니다.

function Person() {}
Person.prototype.name = "Neeraj Kumar";
var object = new Person();


이는 함수 프로토타입이 있는 객체 생성 메서드로 생성된 인스턴스와 인스턴스 및 매개 변수를 인수로 사용하여 해당 함수를 호출하는 것과 같습니다.

function func() {};

new func(x, y, z);


(또는)

// Create a new instance using function prototype.
var newInstance = Object.create(func.prototype)

// Call the function
var result = func.call(newInstance, x, y, z),

// If the result is a non-null object then use it otherwise just use the new instance.
console.log(result && typeof result === 'object' ? result : newInstance);


6.ES6 클래스 구문:
ES6는 객체를 생성하는 클래스 기능을 도입했습니다.

class Person {
  constructor(name) {
    this.name = name;
  }
}

var object = new Person("Neeraj Kumar");


7.싱글톤 패턴
Singleton은 한 번만 인스턴스화할 수 있는 개체입니다. 생성자에 대한 반복 호출은 동일한 인스턴스를 반환하므로 실수로 여러 인스턴스를 만들지 않도록 할 수 있습니다.

var object = new (function () {
  this.name = "Neeraj Kumar";
})();

좋은 웹페이지 즐겨찾기