자바스크립트의 객체
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";
})();
Reference
이 문제에 관하여(자바스크립트의 객체), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/neeraj1997dev/objects-in-javascript-8ao텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)