TGViewer
Frontend | Вопросы собесов Frontend | Вопросы собесов @easy_javascript_ru · 17.6K subscribers
Post #955 5.08K
🤔 Какие способы создания объекта знаешь?

🟠Литерал объекта (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


Ставь 👍 и забирай 📚 Базу знаний
  • 👍 34
  • 🔥 4
More from @easy_javascript_ru
  1. Oct 13, 2026🤔 Что такое репозиторий? Это хранилище кода, файлов и их истории изменений. Используется…
  2. Oct 13, 2026🤔 Как мы можем замерить скорость работы участка кода с date.Now? В JavaScript можно замер…
  3. Oct 12, 2026Post #3039
  4. Oct 12, 2026🤔 Зачем нужен docker? Это инструмент для создания, развертывания и управления контейнерам…
  5. Oct 11, 2026🤔 Для чего нужен тег <noscript>? Он используется для отображения альтернативного контента…
  6. Oct 11, 2026🤔 Какими способами мы можем получить картинку с сервера? В веб-разработке есть разные спо…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →