JavaScript - ECMAScript 2016

JavaScript 的 ECMAScript 2016 版本于 2016 年发布。以前，旧版本的 JavaScript 使用数字命名，例如 ES5 和 ES6。从 2016 年开始，版本使用发布年份命名，例如 ECMAScript 2016、ECMAScript 17 等。让我们讨论一下 ECMAScript 2016 中添加的功能。

ECMAScript 2016 中添加的新功能

以下是添加到 JavaScript 的 ECMAScript 2016 版本中的新方法、功能等。

Array includes() 方法
幂运算符 (**)
幂赋值运算符 (**=)

在这里，我们详细解释了每个功能。

JavaScript Array includes() 方法

JavaScript 数组 includes() 方法用于检查数组是否包含特定元素。

语法

JavaScript 中 Array includes() 方法的语法如下所示：

arr.include(searchElement, fromIndex);

这里 arr 是原始数组，searchElement 是要搜索的元素。fromIndex 是一个可选参数，如果传递，则搜索将从 fromIndex 索引开始。

示例

在下面的代码中，我们使用数组 includes() 方法来检查 watches 数组是否包含 'Noise' 品牌。

<html>
<body>
   <div id = "output">Does watches array include Noise?</div>
   <script>
      const watches = ["Titan", "Rolex", "Noise", "Fastrack", "Casio"];
      document.getElementById("output").innerHTML += watches.includes("Noise");
   </script>
</body>
</html>

输出

Does watches array include Noise? true

示例

在下面的代码中，我们使用数组 includes() 方法来检查 subjects 数组是否包含 'Python' 主题，从索引 1 开始搜索。

<html>
<body>
   <div id = "output">Does subjects array include Python fromIndex 1? </div>
   <script>
      const subjects = ["Java", "JavaScript", "Python", "C", "C++"];
      document.getElementById("output").innerHTML += subjects.includes("Python", 1);
   </script>
</body>
</html>

输出

Does subjects array include Python fromIndex 1? true

JavaScript 幂运算符

JavaScript 幂运算符用于查找第一个操作数的幂，该操作数被提升到第二个操作数。

语法

幂运算符的语法如下所示：

x ** y;

它返回将第一个操作数 (x) 提升到第二个操作数 (y) 的幂的结果。

示例

在下面的代码中，我们使用幂运算符找到 22，并将结果值存储在 'res' 变量中。

<html>
<body>
   <div id = "output">The resultant value for 2 ** 2 is: </div>
   <script>
      document.getElementById("output").innerHTML += 2 ** 2;
   </script>
</body>
</html>

输出

The resultant value for 2 ** 2 is: 4

幂赋值运算符

JavaScript 幂赋值运算符将第一个操作数的幂提升到第二个操作数，并将其分配给第一个操作数。

语法

幂赋值运算符的语法如下所示：

x **= y;

它将第一个操作数 (x) 提升到第二个操作数 (y) 的幂的结果分配给 x。

示例

在下面的代码中，我们找到 10² 并使用幂赋值运算符将结果值分配给 'num' 变量。

<html>
<body>
   <div id = "output">The resultant value for 10 ** 2 is: </div>
   <script>
      let num = 10;
      num **= 2; // exponentiation assignment operation
      document.getElementById("output").innerHTML += num;
    </script>
</body>
</html>

输出

The resultant value for 10 ** 2 is: 100

ECMAScript 2016 浏览器支持

大多数现代浏览器都支持 JavaScript 的 ECMAScript 2016 版本

Chrome	Firefox	Microsoft Edge	Opera	Safari	Firefox Android
是	是	是	是	是	是

打印页面