JavaScript中的Object.create|极客笔记

JavaScript中的Object.create

1. 介绍

在JavaScript中，我们可以使用Object.create(proto)方法创建一个新对象，并将其原型设置为proto。这个方法是在ECMAScript 5（ES5）中引入的，它提供了一种基于原型继承的方式创建对象。

使用Object.create方法可以更灵活地创建对象，可以指定所创建对象的原型，还可以为该对象添加新的属性和方法。本文将详细介绍Object.create的用法和示例。

2. 语法

Object.create(proto[, propertiesObject])

proto：新创建对象的原型对象。
propertiesObject（可选）：用于定义新创建对象的属性和方法的对象。

3. 创建对象并设置原型

通过Object.create方法可以创建一个新对象，并将其原型设置为另一个对象。这样新创建的对象就可以继承原型对象的属性和方法。下面是一个示例：

const person = {
  firstName: 'John',
  lastName: 'Doe',
  fullName: function() {
    return this.firstName + ' ' + this.lastName;
  }
};

const employee = Object.create(person);
employee.job = 'Developer';

console.log(employee.fullName()); // 输出：John Doe
console.log(employee.job); // 输出：Developer

在这个示例中，我们首先创建了一个名为person的对象，它有firstName、lastName和fullName三个属性。然后，我们使用Object.create方法创建了一个名为employee的新对象，并将其原型设置为person对象。最后，我们为employee对象添加了一个job属性。

由于employee对象继承了person对象的原型，所以它可以访问继承的fullName方法和自己的job属性。

4. 定义属性和方法

除了设置原型，Object.create还可以用于定义新创建对象的属性和方法。我们可以通过propertiesObject参数传递一个对象，其中包含要为新对象定义的属性和方法。下面是一个示例：

const person = {
  firstName: 'John',
  lastName: 'Doe',
};

const employee = Object.create(person, {
  job: {
    value: 'Developer',
  },
  fullName: {
    get: function() {
      return this.firstName + ' ' + this.lastName;
    }
  }
});

console.log(employee.fullName); // 输出：John Doe
console.log(employee.job); // 输出：Developer

在这个示例中，我们使用Object.create方法创建了一个新对象employee，并将其原型设置为person对象。通过propertiesObject参数，我们为employee对象定义了两个属性：job和fullName。

job属性使用了value属性描述符，其值为Developer。fullName属性使用了get属性描述符，其值是一个getter方法，用于返回当前employee对象的全名。

5. 原型链继承

通过使用Object.create方法，我们可以实现原型链继承。我们可以创建一个对象，将其原型设置为另一个对象，然后再创建新对象，将其原型设置为第一个对象，这样就形成了原型链。

下面是一个示例，演示了如何使用Object.create方法实现原型链继承：

const Animal = {
  sound: '',
  makeSound: function() {
    console.log(this.sound);
  }
};

const Cat = Object.create(Animal);
Cat.sound = 'Meow';

const Garfield = Object.create(Cat);
Garfield.name = 'Garfield';

Garfield.makeSound(); // 输出：Meow
console.log(Garfield.name); // 输出：Garfield

在这个示例中，我们首先创建了一个Animal对象，它有一个sound属性和一个makeSound方法。然后，我们使用Object.create方法创建了一个Cat对象，并将其原型设置为Animal对象。接下来，我们使用Object.create方法创建了一个Garfield对象，并将其原型设置为Cat对象。

因此，Garfield对象继承了Cat对象的原型，而Cat对象继承了Animal对象的原型。这样就形成了一个原型链，Garfield对象可以访问Cat和Animal对象的属性和方法。