JavaScript 中如何创建对象？

推荐答案

在 JavaScript 中，创建对象有多种方式，以下是常见的几种方法：

1. 对象字面量：

   const obj = {
       key1: 'value1',
       key2: 'value2'
   };

2. 使用 new Object()：

   const obj = new Object();
   obj.key1 = 'value1';
   obj.key2 = 'value2';

3. 构造函数：

   function MyObject(key1, key2) {
       this.key1 = key1;
       this.key2 = key2;
   }
   const obj = new MyObject('value1', 'value2');

4. Object.create()：

   const prototypeObj = {
       key1: 'value1',
       key2: 'value2'
   };
   const obj = Object.create(prototypeObj);

5. ES6 类：

   class MyObject {
       constructor(key1, key2) {
           this.key1 = key1;
           this.key2 = key2;
       }
   }
   const obj = new MyObject('value1', 'value2');

本题详细解读

1. 对象字面量

对象字面量是最简单、最常用的创建对象的方式。它直接使用 {} 来定义对象的属性和方法。

const obj = {
    key1: 'value1',
    key2: 'value2'
};

2. 使用 new Object()

new Object() 是 JavaScript 内置的构造函数，可以用来创建一个空对象，然后通过赋值的方式添加属性。

const obj = new Object();
obj.key1 = 'value1';
obj.key2 = 'value2';

3. 构造函数

通过定义一个构造函数，可以使用 new 关键字来创建对象。这种方式适合需要创建多个相似对象的场景。

function MyObject(key1, key2) {
    this.key1 = key1;
    this.key2 = key2;
}
const obj = new MyObject('value1', 'value2');

4. Object.create()

Object.create() 方法创建一个新对象，使用现有的对象作为新创建对象的原型。这种方式适合需要继承的场景。

const prototypeObj = {
    key1: 'value1',
    key2: 'value2'
};
const obj = Object.create(prototypeObj);

5. ES6 类

ES6 引入了 class 关键字，使得创建对象更加直观和面向对象。通过 class 定义的类可以使用 new 关键字来实例化对象。

class MyObject {
    constructor(key1, key2) {
        this.key1 = key1;
        this.key2 = key2;
    }
}
const obj = new MyObject('value1', 'value2');