ES9 之对象的扩展与改进

ES9 带来了一系列关于对象的新特性和改进，让我们能够更加方便、快捷地处理对象相关的操作。本文将为大家详细介绍 ES9 中对象的扩展与改进，并提供实用的示例代码。

对象的扩展

Rest/Spread 属性

在 ES9 中，我们可以使用 Rest/Spread 属性来更好地处理对象的属性。Rest 属性能够将对象中的剩余属性赋值给一个新的对象，而 Spread 属性则能够将一个对象中的属性展开到另一个对象中。

// Rest 属性
const { a, b, ...rest } = { a: 1, b: 2, c: 3, d: 4 };
console.log(rest); // { c: 3, d: 4 }

// Spread 属性
const obj1 = { a: 1, b: 2 };
const obj2 = { ...obj1, c: 3, d: 4 };
console.log(obj2); // { a: 1, b: 2, c: 3, d: 4 }

对象字面量增强

ES9 中，我们还可以使用对象字面量增强来更加方便地创建对象。我们可以使用简写方式来声明对象的属性和方法，同时还能够使用计算属性名来动态设置属性名。

// javascriptcn.com 代码示例
const name = 'Tom';
const age = 18;

const person = {
  name,
  age,
  sayHi() {
    console.log(`Hi, my name is ${this.name}`);
  },
  [`is${age}YearsOld`]: true
};

console.log(person.is18YearsOld); // true
person.sayHi(); // Hi, my name is Tom

Object.values/Object.entries

ES9 中，我们可以使用 Object.values 和 Object.entries 来获取对象的值和键值对数组。

const obj = { a: 1, b: 2, c: 3 };

console.log(Object.values(obj)); // [1, 2, 3]
console.log(Object.entries(obj)); // [['a', 1], ['b', 2], ['c', 3]]

对象的改进

异步迭代

ES9 中，我们可以使用异步迭代来遍历异步数据结构，比如异步生成器函数和 Promise。

// javascriptcn.com 代码示例
async function* asyncGenerator() {
  yield 1;
  yield 2;
  yield 3;
}

(async function() {
  for await (const num of asyncGenerator()) {
    console.log(num);
  }
})();

Promise.prototype.finally

ES9 中，我们还可以使用 Promise.prototype.finally 来指定 Promise 最终状态下的处理函数，无论 Promise 是成功还是失败。

// javascriptcn.com 代码示例
Promise.resolve('success')
  .finally(() => {
    console.log('finally');
  })
  .then(result => {
    console.log(result);
  })
  .catch(error => {
    console.error(error);
  });

总结

ES9 带来了一系列关于对象的新特性和改进，让我们能够更加方便、快捷地处理对象相关的操作。本文介绍了 Rest/Spread 属性、对象字面量增强、Object.values/Object.entries、异步迭代和 Promise.prototype.finally 等新特性和改进，并提供了实用的示例代码。我们可以根据这些新特性和改进，更加高效地处理对象相关的操作，提高我们的开发效率。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65585d0ed2f5e1655d28cf8a