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
是	是	是	是	是	是

列印頁面