JavaScript 是一门不断发展和改进的语言，每个新版本都会带来新的特性和功能，帮助开发者更加高效和方便的编写代码。在本文中，我们将会了解一些 ES2016 中的新特性，并探讨它们的学习和指导意义。
Array.prototype.includes()
在 ES2016 中，我们可以使用 Array.prototype.includes() 方法来判断数组中是否包含某个元素。这个方法返回一个布尔值，表示数组中是否存在该元素。
const arr = [1, 2, 3, 4, 5]; console.log(arr.includes(4)); // true console.log(arr.includes(6)); // false
这个方法可以用于替代 indexOf() 方法，在不需要知道元素位置时更加简便。
同时，该方法也支持从数组末尾开始查找，可以传入第二个参数来指定开始查找的位置。
const arr = [1, 2, 3, 4, 5]; console.log(arr.includes(4, 2)); // true，从第2个位置(3)开始查找 console.log(arr.includes(2, -3)); // false，从倒数第3个位置(3)开始查找
指数运算符
在 ES2016 中，我们可以使用指数运算符来进行指数运算，通常写作 **。
const a = 2; const b = 3; console.log(a ** b); // 8，等同于 Math.pow(2, 3)
这个运算符可以大大简化指数运算的代码量，使得代码更加简洁易读。
async/await
async/await 是 ES2016 中最重要的一个特性，可以让异步代码更加简洁易读，避免了回调地狱的问题。
async/await 本质上是对 Promise 的封装和简化，关键字 async 将函数声明为异步函数，而 await 表示等待 Promise 返回结果。
-- -------------------- ---- ------- ----- -------- --------- - ----- -------- - ----- ---------------------------------- ----- ---- - ----- ---------------- ------ ----- - --------------------- -- - ------------------ --
上面的代码展示了 fetchData() 函数的一个例子。在 async 函数中，我们使用 await 关键字来等待 fetch() 和 .json() 的 Promise 执行结果。这样，我们就能直接使用响应结果而不必在 Promise 中嵌套回调函数。
总结
ES2016 带来了诸多新特性和语法糖，帮助前端开发者编写更加高效且可读性更强的代码。在本文中，我们学习了 Array.prototype.includes() 方法、指数运算符以及 async/await 等重要特性。实际项目开发中，我们应该选择合适的特性和语法，来提高代码的可维护性和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65189e2895b1f8cacd0f23e6