ECMAScript 2016 中的新特性及其使用（上）

ECMAScript（简称 ES）2016 是在 2016 年 6 月发布的 JavaScript 的一个版本，因为其引入了很多新的特性，被称为是一个重要的版本。本篇文章将介绍 ECMAScript 2016 中的新特性及其使用，希望能够对前端开发者有所启示。

Array.prototype.includes()

该方法用于判断一个数组是否包含某个元素，返回一个布尔值。与 indexOf 方法不同的是，includes 方法可以判断数组是否包含 NaN，而 indexOf 方法无法判断此情况。

下面是一个示例代码：

const arr = [1, 2, NaN, 'hello'];

console.log(arr.includes(1)); // true
console.log(arr.includes(NaN)); // true
console.log(arr.includes('world')); // false

指数运算符 **

该运算符用于计算数字的指数。下面是一个示例代码：

console.log(2 ** 3); // 8
console.log(3 ** 2); // 9
console.log(Math.pow(2,3)); // 8

函数默认参数

ES6 中，函数可以使用默认参数。如果一个函数调用时没有传递参数，则使用默认参数，否则使用传递的参数。

下面是一个示例代码：

function welcome(name = 'world') {
  console.log(`Hello, ${name}!`);
}

welcome(); // 输出: Hello, world!
welcome('Jack'); // 输出: Hello, Jack!

箭头函数

ES6 中，箭头函数是一个新的语法，和普通函数的用法差不多，但是省去了 function 关键字和 return 关键字，可以让代码更加简洁。

下面是一个示例代码：

const sum = (a, b) => a + b;

console.log(sum(1, 2)); // 3

Conclusion

本篇文章介绍了 ECMAScript 2016 中的新特性，包括 Array.prototype.includes() 方法、指数运算符 **、函数默认参数和箭头函数。这些新特性可以让我们写出更加简洁、优雅的代码，提高开发效率。建议开发者学习并尝试使用这些新特性。

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