ES8 中的检测和控制和执行顺序-JavaScript中文网-JavaScript教程资源分享门户

ES8 是 ECMAScript 的第八个版本，也被称为 ES2017。它引入了一些新的特性，包括对象属性的控制、异步函数、共享内存和原子操作等。在本文中，我们将重点介绍 ES8 中的检测和控制和执行顺序。

对象属性控制

在 ES8 中，我们可以使用 Object.values()、Object.entries() 和 Object.getOwnPropertyDescriptors() 来获取对象的属性值、属性键值对和属性描述符。

`Object.values()`

Object.values() 方法返回一个数组，该数组包含对象的所有可枚举属性的值。

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

console.log(Object.values(obj)); // [1, 2, 3]

`Object.entries()`

Object.entries() 方法返回一个二维数组，该数组包含对象的所有可枚举属性的键值对。

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

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

`Object.getOwnPropertyDescriptors()`

Object.getOwnPropertyDescriptors() 方法返回一个对象，该对象包含对象的所有属性的描述符。

// javascriptcn.com 代码示例
const obj = {
  a: 1,
  b: 2,
  c: 3
};

console.log(Object.getOwnPropertyDescriptors(obj));
// {
//   a: { value: 1, writable: true, enumerable: true, configurable: true },
//   b: { value: 2, writable: true, enumerable: true, configurable: true },
//   c: { value: 3, writable: true, enumerable: true, configurable: true }
// }

控制流程

ES8 也引入了一些新的控制流程语句：async/await 和 Object.values()。

`async/await`

async/await 是一种异步编程模式，它可以让我们以同步的方式编写异步代码。

async function fetchData() {
  const response = await fetch('https://jsonplaceholder.typicode.com/todos/1');
  const data = await response.json();
  console.log(data);
}

fetchData();

在上面的示例中，我们使用 async/await 来获取 JSON 数据。async 关键字告诉 JavaScript 引擎该函数是异步的，而 await 关键字则等待异步操作完成。

`Object.values()`

Object.values() 可以用于控制流程，例如计算对象属性的总和。

// javascriptcn.com 代码示例
const obj = {
  a: 1,
  b: 2,
  c: 3
};

const sum = Object.values(obj).reduce((acc, val) => acc + val, 0);

console.log(sum); // 6

在上面的示例中，我们使用 Object.values() 和 reduce() 方法来计算对象属性的总和。

执行顺序

在 JavaScript 中，执行顺序非常重要。ES8 引入了一些新的特性来控制代码的执行顺序。

`Promise.prototype.finally()`

Promise.prototype.finally() 方法在 Promise 被解决或被拒绝后执行。无论 Promise 被解决还是被拒绝，finally() 方法都会执行。

function fetchData() {
  return fetch('https://jsonplaceholder.typicode.com/todos/1')
    .then(response => response.json())
    .finally(() => console.log('fetchData() is done.'));
}

fetchData();

在上面的示例中，我们使用 finally() 方法来在 Promise 被解决或被拒绝后打印一条消息。

`for-await-of`

for-await-of 语句可以用于异步迭代器的循环。异步迭代器是返回 Promise 的迭代器。

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

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

在上面的示例中，我们使用 asyncGenerator() 函数来创建一个异步迭代器，并使用 for-await-of 语句来循环异步迭代器。

总结

ES8 引入了许多新的特性，包括对象属性控制、控制流程和执行顺序。这些特性使得 JavaScript 更加强大和易于使用，为前端开发带来了更多的便利。我们应该熟练掌握这些特性，并在实践中灵活运用。

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