5 способов создать объект в JavaScript

В JavaScript мы можем создавать объекты пятью различными способами. Это
1. Объектный литерал
2. Функция конструктора объекта
3. Новый оператор
4. Object.create
5. Класс ES6.

1. Литерал объекта

Использование объектного литерала является наиболее предпочтительным способом создания объекта в JavaScript. Например,

var car = {
    model:'figo',
    color:'White'
};

В приведенном выше коде автомобиль — это новый объект, созданный со свойствами model и color. Используя синтаксис литерала объекта, мы можем определить свойства объекта при создании самого объекта.

2. Функция конструктора объекта

JavaScript имеет другой набор встроенных функций-конструкторов, таких как объект, функция, массив и так далее. Используя эту функцию конструктора объектов, мы можем создавать объекты.

var car = new Object();
car.model = 'figo';
car.color = 'White';

В приведенном выше коде автомобиль — это новый создаваемый объект, а модель и цвет — свойства.

3. новый оператор

Новый оператор создает новый объект с помощью функции-конструктора.

function Car(model,color) {
        this.model = model;
	this.color = color;
}
	
var car = new Car('figo','white');

В приведенном выше коде Car — это функция-конструктор, которая принимает два параметра, а car — это вновь созданный объект с двумя свойствами: model и цвет.

4. Объект.создать

Метод Object.create() создает новый объект, используя существующий объект в качестве прототипа вновь созданного объекта.

var car = {
    model:'figo',
    color:'White'
}
var car1 = Object.create(car);

В приведенном выше коде car1 — это новый объект, созданный с помощью функции Object.create. Объект car устанавливается в качестве прототипа объекта car1.

5. Класс ES6

В основном версия JavaScript ES5 не имеет классов. ES6 вводит синтаксис класса для создания объектов и так далее. Например,

class Car {
	constructor(model,color){
		this.model = model;
		this.color = color;
	}
}
	
var car1 = new Car('figo','White');

В приведенном выше коде Car — это класс, который принимает два параметра в своей функции-конструкторе, а car1 — это вновь созданный объект с двумя свойствами, называемыми model. и цвет.

Это 5 различных способов создания объектов в JavaScript.