ECMAScript 2016(ES7) 的新特性总结

江咏之

发布于 2022-06-16 18:50:31

4910

发布于 2022-06-16 18:50:31

文章被收录于专栏：技术社区技术社区

快速通道：

ES6、ES7、ES8、ES9、ES10、ES11、ES12、ES13新特性大全

老样子，先纵览下 ES2016 的新功能，ES2016添加了两个小的特性来说明标准化过程：

数组includes()方法，用来判断一个数组是否包含一个指定的值，根据情况，如果包含则返回true，否则返回false。
a ** b指数运算符，它与 Math.pow(a, b)相同。

Array.prototype.includes()

includes() 函数用来判断一个数组是否包含一个指定的值，如果包含则返回 true，否则返回 false。includes 函数与 indexOf 函数很相似

下面两个表达式是等价的：

list.includes(x)
// 等价于
list.indexOf(x) >= 0

接下来我们来判断数字中是否包含某个元素，ES7之前：

let arr = ['react', 'angular', 'vue'];
if (arr.indexOf('react') !== -1)
{
    console.log('react存在');
}

ES7 使用 includes() 验证数组中是否存在某个元素：

let arr = ['react', 'angular', 'vue'];
if (arr.includes('react'))
{
    console.log('react存在');
}

指数操作符

在ES7中引入了指数运算符 **， **具有与 Math.pow(..)等效的计算结果。

使用自定义的递归函数calculateExponent或者Math.pow()进行指数运算：

function calculateExponent(base, exponent)
{
    if (exponent === 1)
    {
        return base;
    }
    else
    {
        return base * calculateExponent(base, exponent - 1);
    }
}
console.log(calculateExponent(2, 10)); // 输出1024
console.log(Math.pow(2, 10)); // 输出1024