ECMAScript 2017 概览-JavaScript中文网-JavaScript教程资源分享门户

ECMAScript 是一个由 Ecma 国际组织维护的标准，可以看作是 JavaScript 的规范。ECMAScript 6（ES6）是 JavaScript 开发中最重要的一个版本，带来了许多重要的特性和语言改进。而 ECMAScript 2017 则是 ES6 之后的版本，我们在本文中将对它的新增特性做出详细的介绍。

Async 函数

Async 函数是 ES7 中一个重要的新增特性，它基于 Promise 实现了一种更加简单的异步编程方案。使用 Async 函数，我们可以轻松地编写出具有异步特性的代码，并且也比传统的 Promise 代码更加可读、容易理解。

以下是一个简单的 Async 函数的示例：

async function getData() {
  const response = await fetch('https://example.com/data.json')
  const data = await response.json()
  return data
}

以上代码中，getData 函数首先使用 await 关键字等待 fetch 方法的响应。然后，它再使用 await 等待响应中的数据。最后，getData 函数将返回这个数据。

SharedArrayBuffer

SharedArrayBuffer 可以理解为多线程共享的内存空间（Shared memory），并且读写 SharedArrayBuffer 的操作是原子的，这样就可以避免多线程同时修改同一个数据导致的竞争问题。使用 SharedArrayBuffer 可以极大地提高并发性能。

以下是一个 SharedArrayBuffer 的示例：

const shared = new SharedArrayBuffer(1024)
const view = new Int32Array(shared)
view[0] = 123

以上代码中，我们先创建了一个 1024 字节大小的 SharedArrayBuffer，然后通过 Int32Array 创建一个数组视图，并使用数组视图的方式向 SharedArrayBuffer 中写入了一个整数。

Object.values

Object.values 方法返回指定对象自身可枚举属性的键值数组。它是一个非常实用的工具方法，可以轻松地遍历一个对象的所有属性。

以下是一个 Object.values 的示例：

const obj = { a: 1, b: 2, c: 3 }
const values = Object.values(obj)
console.log(values) // [1, 2, 3]

以上代码中，我们先创建了一个对象 obj，然后使用 Object.values 方法获取了该对象的属性值数组。

Object.entries

Object.entries 方法返回指定对象自身可枚举属性的键值对数组。它同样是一个非常实用的工具方法，可以轻松地遍历一个对象的所有属性。

以下是一个 Object.entries 的示例：

const obj = { a: 1, b: 2, c: 3 }
const entries = Object.entries(obj)
console.log(entries) // [['a', 1], ['b', 2], ['c', 3]]

以上代码中，我们先创建了一个对象 obj，然后使用 Object.entries 方法获取了该对象的键值对数组。

String.prototype.padStart 和 String.prototype.padEnd

String.prototype.padStart 和 String.prototype.padEnd 是两个新增的字符串方法，分别用于在字符串的开头和末尾填充指定数量的字符。

以下是一个 String.prototype.padStart 和 String.prototype.padEnd 的示例：

const str = '1'
const paddedStart = str.padStart(2, '0')
const paddedEnd = str.padEnd(2, '0')
console.log(paddedStart) // '01'
console.log(paddedEnd) // '10'

以上代码中，我们使用 padStart 和 padEnd 方法分别在字符串的开头和末尾填充了指定数量的字符。

总结

本文我们对 ECMAScript 2017 中的新增特性进行了详细的介绍。这些新增特性大大提高了 JavaScript 语言的能力和性能，同时也为前端开发者提供了更加方便、可读、可维护的编程方案。如果你还没有掌握这些特性，那么现在就是时候去深入了解它们了！

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