JavaScript - ECMAScript 2016 的新增功能特性
JavaScript 的 ECMAScript 2016 版本于 2016 年发布。以前,JavaScript 的旧版本以数字命名,例如 ES5 和 ES6。自 2016 年起,版本以发布年份命名,例如 ECMAScript 2016、ECMAScript 17 等。让我们讨论一下 ECMAScript 2016 中新增的功能。
ECMAScript 2016 中新增的功能
以下是 JavaScript ECMAScript 2016 版本中新增的方法、功能等。
数组 includes() 方法
指数运算符 (**)
指数赋值运算符 (**=)
这里,我们详细解释了每个功能。
JavaScript 数组 includes() 方法
JavaScript 数组 includes() 方法用于检查数组是否包含特定元素。
语法
JavaScript 中数组 includes() 方法的语法如下:arr.include(searchElement, fromIndex);
其中 arr 是原始数组,searchElement 是要从中搜索的元素。如果传递了 fromIndex 参数,则搜索将从 fromIndex 索引开始。
示例
在下面的代码中,我们使用数组 includes() 方法来检查手表数组是否包含"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() 方法来检查主题数组是否包含从索引 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 幂运算符
JavaScript 幂运算符用于计算第一个操作数的第二个操作数的幂。
语法
幂运算符的语法如下:-
x ** y;
返回第一个操作数 (x) 的第二个操作数 (y) 幂的结果。
示例
在下面的代码中,我们使用幂运算符计算 22,并将结果存储在"res"变量中。
<html>
<body>
<div id = "output">2 ** 2 的结果值为: </div>
<script>
document.getElementById("output").innerHTML += 2 ** 2;
</script>
</body>
</html>
输出
2 ** 2 的结果值为: 4
幂赋值运算符
JavaScript 幂赋值运算符将第一个操作数的幂乘以第二个操作数,然后赋值给第一个操作数。
语法
幂赋值运算符的语法如下:-
x **= y;
它将第一个操作数 (x) 乘以第二个操作数 (y) 的结果赋值给 x。
示例
在下面的代码中,我们求出 102,并使用幂赋值运算符将结果赋值给"num"变量。
<html>
<body>
<div id = "output">10 ** 2 的结果值为: </div>
<script>
let num = 10;
num **= 2; // 指数赋值运算
document.getElementById("output").innerHTML += num;
</script>
</body>
</html>
输出
10 ** 2 的结果值为:100
ECMAScript 2016 浏览器支持
大多数现代浏览器都支持 ECMAScript 2016 版本的 JavaScript
| Chrome | Firefox | Microsoft Edge | Opera | Safari | Firefox Android |
|---|---|---|---|---|---|
| Yes | Yes | Yes | Yes | Yes | Yes |

