Javascript 简明教程

JavaScript - ECMAScript 2016

ECMAScript 2016 版本的 JavaScript 于 2016 年发布。之前旧版本的 JavaScript 按数字命名，例如 ES5 和 ES6。自 2016 年以来，这些版本以发布年份命名，例如 ECMAScript 2016、ECMAScript 17 等。让我们讨论添加到 ECMAScript 2016 中的功能。

New Features Added in ECMAScript 2016

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

  1. Array includes() method

  2. Exponentiation Operator (**)

  3. Exponentiation Assignment Operator (**=)

这里，我们详细解释了每项特性。

JavaScript Array includes() Method

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

Syntax

arr.include(searchElement, fromIndex);

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

Example

在下面的代码中，我们使用数组 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

Example

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

<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 Exponentiation Operator

JavaScript 求幂运算符用于求第一个操作数乘以第二个操作数的幂。

Syntax

求幂运算符的语法如下：

x ** y;

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

Example

在下面的代码中，我们使用求幂运算符求 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

Exponentiation Assignment Operator

JavaScript 求幂赋值运算符将第一个操作数乘以第二个操作数的幂并将其赋值给第一个操作数。

Syntax

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

x **= y;

它将第一个操作数 (x) 乘以第二个操作数 (y) 的幂的结果赋值给 x。

Example

在下面的代码中，我们使用求幂赋值运算符求 102 次方并将结果值赋值给“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 Browser Support

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

Chrome

Firefox

Microsoft Edge

Opera

Safari

Firefox Android

Yes

Yes

Yes

Yes

Yes

Yes