JS中的Object.create()详解

Object.create() 是 JavaScript 中创建对象的一种方法，它允许你创建一个新对象，并将其原型（prototype）设置为指定的对象。这个方法是 ES5 引入的，适用于所有现代浏览器。

主要知识点

1. 基本语法

let newObject = Object.create(proto[, propertiesObject]);//[]表示可选，proto是必需参数

• proto: 这是新创建对象的原型对象。如果传入 null，则创建的对象没有原型。
• propertiesObject（可选参数）：这个对象的属性将被定义在新创建的对象上，这与 Object.defineProperties() 方法的第二个参数类似。

2. 创建对象的基本用法

使用 Object.create() 可以简单地创建一个具有特定原型的新对象：

const person = {
    greet: function() {
        console.log("Hello!");
    }
};

const john = Object.create(person);
john.greet(); // 输出 "Hello!"

在这个例子中，john 对象的原型是 person，因此 john 可以访问 person 中定义的 greet 方法。

3. 设置原型链

Object.create() 可以帮助你创建具有特定原型链的对象，这对面向对象编程很有用。

const animal = {
    speak: function() {
        console.log(`${this.name} makes a noise.`);
    }
};

const dog = Object.create(animal);
dog.name = "Buddy";
dog.speak(); // 输出 "Buddy makes a noise."

dog 对象继承了 animal 对象的 speak 方法，并且可以根据 name 属性的值进行定制。

4. propertiesObject 参数

你可以使用 propertiesObject 参数直接在新对象上定义属性，这些属性与 Object.defineProperties() 定义的属性类似，可以是可枚举的、不可修改的等。

const person = {
    isHuman: false,
    greet: function() {
        console.log(`Hello, my name is ${this.name}`);
    }
};

const john = Object.create(person, {
    name: {
        value: "John",
        writable: false,
        enumerable: true
    }
});

john.greet(); // 输出 "Hello, my name is John"
john.name = "Jane"; // 由于 name 是不可写的，这行代码无效
console.log(john.name); // 输出 "John"

在这个例子中，john 对象不仅继承了 person 对象的属性和方法，还定义了自己的 name 属性，这个属性是不可写的。

5. 原型链继承的注意事项

当使用 Object.create() 时，创建的新对象会继承其原型对象的所有属性和方法。然而，它并不会复制这些属性，而是通过原型链访问它们。这意味着如果原型对象发生变化，继承的对象也会受到影响。

const person = {
    greet: function() {
        console.log("Hello!");
    }
};

const john = Object.create(person);
person.greet = function() {
    console.log("Hi there!");
};

john.greet(); // 输出 "Hi there!"

6. 使用 Object.create(null) 创建无原型对象

在某些情况下，你可能希望创建一个完全没有原型的对象（通常用作字典或映射）。这可以通过传递 null 给 Object.create() 来实现：

const obj = Object.create(null);
console.log(obj); // 输出 {}
console.log(obj.toString); // 输出 undefined，因为没有原型

这样的对象不会继承 Object.prototype 上的任何属性或方法，因此是一个“干净”的对象。

总结

Object.create() 是一种非常灵活的方式，用于创建具有特定原型链的对象，并且可以直接在新对象上定义属性。它在面向对象编程中非常有用，特别是在构建复杂的原型链和实现继承时。