ECMAScript 2017：新内容介绍

1. 概述

ECMAScript 2017（简称ES2017）是ECMAScript 2015之后发布的一次重要更新，主要集中在优化和增强语言的语法和特性。

本文将介绍ES2017的一些新内容，包括：

• 字符串填充方法padStart和padEnd
• 对象拓展方法Object.values()和Object.entries()
• 异步函数（Async Await）

2. padStart 和 padEnd 方法

padStart和padEnd方法是一对新的字符串方法，它们允许我们使用指定的字符串填充到原始字符串的开始或结束位置。这是一个非常有用的奇技淫巧，因为我们通常需要将字符串格式化成特定的长度或形状。

示例代码

const str = 'apple';
console.log(str.padStart(10, '*'));   // "*****apple"
console.log(str.padEnd(10, '-'));     // "apple-----"

3. Object.values() 和 Object.entries() 方法

Object.values()和Object.entries()方法可以使我们方便地获取对象的所有值或值-键对。

示例代码

const person = {
  name: 'Jack',
  age: 30,
  gender: 'male'
};

console.log(Object.values(person));   // ["Jack", 30, "male"]
console.log(Object.entries(person));  // [["name", "Jack"], ["age", 30], ["gender", "male"]]

4. 异步函数（Async Await）

Async Await是ES2017的另一个新增特性，它是一种对Promise API的语法糖，使得我们可以在异步函数中使用await关键字来等待Promise的结果。这使得异步代码更加易于阅读和编写。

示例代码

// javascriptcn.com 代码示例
function delay() {
  return new Promise(resolve => setTimeout(resolve, 2000));
}

async function delayedLog(item) {
  await delay();
  console.log(item);
}

async function processArray(array) {
  for (const item of array) {
    await delayedLog(item);
  }
}

processArray([1, 2, 3, 4, 5]);

5. 总结

以上就是ECMAScript 2017的一些新内容介绍。这些特性不仅可以提高开发效率，更可以让我们编写更加易于维护和阅读的代码。希望这篇文章对大家有所帮助。

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