ES6 中的 Object 扩展

在 ES6 中，Object 扩展提供了一些新的方法和语法，让 JavaScript 对象的使用更加方便和灵活。在本文中，我们将详细讨论 ES6 中的几个重要的 Object 扩展。

对象的解构赋值

在 ES6 中，可以使用对象的解构赋值来方便地从一个对象中提取出一些属性，并赋值给变量。对象的解构赋值使用花括号表示，如下所示：

let { name, age } = { name: 'Somebody', age: 18 };
console.log(name, age); // 输出 Somebody 18

这段代码中，我们使用对象的解构赋值，从对象 { name: 'Somebody', age: 18 } 中提取出了 name 和 age 两个属性，然后分别赋值给了 name 和 age 两个变量。

简写属性名

在 ES6 中，如果一个对象的属性名和变量的名字相同，那么可以使用简写属性名的语法，如下所示：

let name = 'Somebody';
let age = 18;
let person = { name, age };
console.log(person); // 输出 { name: 'Somebody', age: 18 }

这段代码中，我们使用简写属性名的语法，创建了一个对象 person，它包含了 name 和 age 两个属性，属性值分别为 'Somebody' 和 18。

对象的合并

在 ES6 中，可以使用 Object.assign() 方法将多个对象合并成一个对象。Object.assign() 方法的第一个参数是目标对象，后面的参数都是源对象。它会将每个源对象中的所有属性，都复制到目标对象中。

let person = { name: 'Somebody', age: 18 };
let address = { city: 'Beijing', country: 'China' };
let personWithAddress = Object.assign({}, person, address);
console.log(personWithAddress); // 输出 { name: 'Somebody', age: 18, city: 'Beijing', country: 'China' }

这段代码中，我们使用 Object.assign() 方法将 person 和 address 两个对象合并成了一个新的对象 personWithAddress。注意，我们传入了一个空对象作为目标对象，因为如果直接传入 person 对象，那么合并操作会改变 person 对象本身。

Promise 的解构

在 ES6 中，Promise 对象的构造函数接受一个函数作为参数，这个函数的参数是两个函数 resolve 和 reject。经常会出现这种情况，我们需要将 Promise 对象的 resolve 和 reject 方法提取出来，传递给其他函数使用。这时可以使用 Promise 对象的解构语法，将 resolve 和 reject 方法分别赋值给两个变量，如下所示：

function foo() {
  return new Promise((resolve, reject) => {
    // ...
  });
}

let { resolve, reject } = foo();

这段代码中，我们使用了 Promise 对象的解构语法，将 foo 函数返回的 Promise 对象的 resolve 和 reject 方法分别赋值给了 resolve 和 reject 变量。这样我们就可以在其他函数中使用 resolve 和 reject 方法了。

总结

ES6 中的 Object 扩展提供了一些新的方法和语法，让 JavaScript 对象的使用更加方便和灵活。在本文中，我们讨论了对象的解构赋值、简写属性名、对象的合并和 Promise 的解构等重要的 Object 扩展。这些新特性可以提高我们的开发效率，让我们的代码更加简洁和易读。

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