ECMAScript 2021 中的 Object.create 和 Object.assign 方法详解-JavaScript中文网-JavaScript教程资源分享门户

前言

ECMAScript 2021 是 JavaScript 的最新标准，其中包含了一些新的语言特性和方法。本文将详细介绍其中的 Object.create 和 Object.assign 方法，包括其用法、示例代码以及学习和指导意义。

Object.create 方法

Object.create 方法是 JavaScript 中用于创建新对象的方法，它的语法如下：

Object.create(proto, [propertiesObject])

其中，proto 是新对象的原型对象，propertiesObject 是可选的对象，用于定义新对象的属性和属性描述符。

创建简单对象

下面是一个简单的示例，用 Object.create 方法创建一个新对象：

// www.javascriptcn.com code example
const person = {
  name: '张三',
  age: 18,
  sayHello() {
    console.log(`你好，我是 ${this.name}，今年 ${this.age} 岁了。`);
  }
};

const student = Object.create(person);
student.name = '李四';
student.age = 20;
student.sayHello(); // 输出：你好，我是李四，今年20岁了。

在上面的示例中，我们先定义了一个名为 person 的对象，它有两个属性 name 和 age，以及一个方法 sayHello。然后我们使用 Object.create 方法创建了一个新对象 student，并将 person 对象作为它的原型对象。最后，我们修改了 student 对象的 name 和 age 属性，并调用了 sayHello 方法。

创建带有属性描述符的对象

Object.create 方法还可以用于创建带有属性描述符的对象。下面是一个示例：

// www.javascriptcn.com code example
const person = {
  name: '张三',
  age: 18,
  sayHello() {
    console.log(`你好，我是 ${this.name}，今年 ${this.age} 岁了。`);
  }
};

const student = Object.create(person, {
  id: {
    value: '1001',
    writable: false,
    enumerable: true,
    configurable: false
  },
  score: {
    value: 80,
    writable: true,
    enumerable: true,
    configurable: true
  }
});

console.log(student.id); // 输出：1001
student.id = '1002'; // 抛出 TypeError 异常
student.score = 90;
console.log(student.score); // 输出：90

在上面的示例中，我们除了定义了一个带有属性描述符的对象 student，其中 id 属性是只读的，而 score 属性是可读写的。

Object.assign 方法

Object.assign 方法是 JavaScript 中用于复制对象的方法，它的语法如下：

Object.assign(target, ...sources)

其中，target 是目标对象，sources 是源对象，可以有多个。

复制简单对象

下面是一个简单的示例，用 Object.assign 方法复制一个对象：

// www.javascriptcn.com code example
const person = {
  name: '张三',
  age: 18,
  sayHello() {
    console.log(`你好，我是 ${this.name}，今年 ${this.age} 岁了。`);
  }
};

const student = Object.assign({}, person);
student.name = '李四';
student.age = 20;
student.sayHello(); // 输出：你好，我是李四，今年20岁了。

在上面的示例中，我们先定义了一个名为 person 的对象，它有两个属性 name 和 age，以及一个方法 sayHello。然后我们使用 Object.assign 方法复制了一个新对象 student，并将 person 对象的属性值复制到它里面。最后，我们修改了 student 对象的 name 和 age 属性，并调用了 sayHello 方法。

复制带有属性描述符的对象

Object.assign 方法还可以用于复制带有属性描述符的对象。下面是一个示例：

// www.javascriptcn.com code example
const person = {
  name: '张三',
  age: 18,
  sayHello() {
    console.log(`你好，我是 ${this.name}，今年 ${this.age} 岁了。`);
  }
};

const student = Object.assign({}, person, {
  id: {
    value: '1001',
    writable: false,
    enumerable: true,
    configurable: false
  },
  score: {
    value: 80,
    writable: true,
    enumerable: true,
    configurable: true
  }
});

console.log(student.id); // 输出：1001
student.id = '1002'; // 抛出 TypeError 异常
student.score = 90;
console.log(student.score); // 输出：90

在上面的示例中，我们除了定义了一个带有属性描述符的对象 student，其中 id 属性是只读的，而 score 属性是可读写的。

学习和指导意义

Object.create 和 Object.assign 方法是 JavaScript 中常用的对象操作方法，它们可以帮助我们更方便地创建和复制对象。在实际开发中，我们可以用它们来实现一些常见的业务需求，例如深拷贝、合并对象等。

同时，Object.create 和 Object.assign 方法也是 JavaScript 中的重要知识点，掌握它们有助于我们更深入地理解 JavaScript 中的对象模型和原型链机制。在学习过程中，我们可以结合官方文档和实际项目经验，深入理解它们的用法和应用场景。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/67d8fbc6a941bf7134062fe4

ECMAScript 2021 中的 Object.create 和 Object.assign 方法详解

前言