🟠Литерал объекта (Object Literal)
Самый простой и распространенный способ создания объекта.
const obj = {
name: 'Alice',
age: 25
};🟠Конструктор `Object`
Создание объекта с помощью конструктора
Object.const obj = new Object();
obj.name = 'Alice';
obj.age = 25;
🟠Функция-конструктор (Constructor Function)
Использование функции-конструктора для создания объектов.
function Person(name, age) {
this.name = name;
this.age = age;
}
const alice = new Person('Alice', 25);
const bob = new Person('Bob', 30);🟠Метод `Object.create`
Создание нового объекта с указанным прототипом.
const proto = {
greet: function() {
console.log(`Hello, my name is ${this.name}`);
}
};
const obj = Object.create(proto);
obj.name = 'Alice';
obj.age = 25;
obj.greet(); // Hello, my name is Alice🟠Класс (Class)
Использование классов (синтаксический сахар над функцией-конструктором).
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
greet() {
console.log(`Hello, my name is ${this.name}`);
}
}
const alice = new Person('Alice', 25);
const bob = new Person('Bob', 30);
alice.greet(); // Hello, my name is Alice
bob.greet(); // Hello, my name is Bob🟠Фабричная функция (Factory Function)
Использование функции для создания и возврата объектов.
function createPerson(name, age) {
return {
name: name,
age: age,
greet: function() {
console.log(`Hello, my name is ${this.name}`);
}
};
}
const alice = createPerson('Alice', 25);
const bob = createPerson('Bob', 30);
alice.greet(); // Hello, my name is Alice
bob.greet(); // Hello, my name is Bob🟠JSON.parse
Создание объекта из JSON-строки.
const jsonString = '{"name": "Alice", "age": 25}';
const obj = JSON.parse(jsonString);
console.log(obj.name); // Alice
console.log(obj.age); // 25🟠Использование Spread/Rest операторов
Создание копий объектов или объединение объектов.
const obj1 = { name: 'Alice' };
const obj2 = { age: 25 };
const mergedObj = { ...obj1, ...obj2 };
console.log(mergedObj); // { name: 'Alice', age: 25 }
const copiedObj = { ...obj1 };
console.log(copiedObj); // { name: 'Alice' }🟠Функции-генераторы объектов
Использование функций для динамического создания объектов.
function createPerson(name, age) {
return {
name,
age,
greet() {
console.log(`Hello, my name is ${this.name}`);
}
};
}
const alice = createPerson('Alice', 25);
alice.greet(); // Hello, my name is AliceСтавь 👍 и забирай 📚 Базу знаний