JavaScript中使用Object.create()创建对象介绍

2023年5月27日上午4:23 • JavaScript

下面是详细讲解“JavaScript中使用Object.create()创建对象”的完整攻略。

1. Object.create()是什么？

Object.create()是JavaScript中创建新对象的一种方法。它返回一个新对象，并将该对象的原型设置为指定的对象。具体来说，Object.create()接收一个参数，即作为新对象原型的对象。从该对象中继承的属性和方法都可以在创建的新对象中使用。

2. Object.create()的使用方法

Object.create()的语法如下：

Object.create(proto, [propertiesObject])

其中，proto是一个对象，用作新对象的原型。propertiesObject是可选的，用于定义新对象的属性。

我们可以通过以下步骤使用Object.create()来创建新对象：

定义一个用作新对象原型的对象。
使用Object.create()方法创建一个新对象，并将定义的对象作为参数传递。此时，新对象会继承原型对象的属性和方法。
可选地，给新对象添加新属性。

3. 示例说明

下面，我们通过两个示例来详细说明Object.create()的使用方法。

示例1

在这个示例中，我们将定义一个对象作为新对象的原型，并使用Object.create()方法创建新对象。

// 定义一个对象作为新对象的原型
let human = {
  walk: function() {
    console.log("I'm walking.");
  }
};

// 使用Object.create()方法创建新对象，并将定义的对象作为参数传递
let person = Object.create(human);

// 给新对象添加新属性
person.name = "Tom";

// 调用继承自原型的方法
person.walk(); // 输出：I'm walking.

在上面的代码中，我们首先定义一个对象human，它有一个名为walk的方法。接着，我们使用Object.create()方法创建一个新对象person，并将human对象传递作为参数。此时，person对象会继承human对象的属性和方法。最后，我们给person对象添加一个新属性name，并调用继承自原型的方法walk()。

示例2

在这个示例中，我们将通过Object.create()方法创建一个新对象，并在创建时指定新对象的属性。

// 使用Object.create()方法创建新对象，并在创建时指定新对象的属性
let person = Object.create(
  { name: "Tom" },
  {
    age: {
      value: 18,
      writable: false, // 属性不可修改
      enumerable: true, // 属性可枚举
      configurable: true // 属性可删除
    }
  }
);

// 访问新对象的属性
console.log(person.name); // 输出：Tom
console.log(person.age); // 输出：18

// 尝试修改不可修改属性
person.age = 20; // 因为writable为false，所以无法修改
console.log(person.age); // 输出：18

// 尝试删除属性
delete person.age; // 因为configurable为true，所以可以删除
console.log(person.age); // 输出：undefined

在上面的代码中，我们使用Object.create()方法创建一个新对象person。其中，第一个参数是要作为原型的对象，第二个参数是一个对象，用于定义新对象的属性。在第二个参数中，我们定义了一个属性age，它的值为18，且不可修改。我们还定义了该属性为可枚举的，且可删除的。接着，我们访问新对象的属性，并尝试修改和删除该属性。由于该属性的writable为false，所以我们无法修改该属性的值。但由于configurable为true，所以我们可以删除该属性成功。