ECMAScript 2016(ES7) 的新特性总结

2022-06-16 18:50:31 浏览数 (1)

快速通道:

  • 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 函数很相似

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

代码语言:javascript复制
list.includes(x)
// 等价于
list.indexOf(x) >= 0

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

代码语言:javascript复制
let arr = ['react', 'angular', 'vue'];
if (arr.indexOf('react') !== -1)
{
    console.log('react存在');
}

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

代码语言:javascript复制
let arr = ['react', 'angular', 'vue'];
if (arr.includes('react'))
{
    console.log('react存在');
}

指数操作符

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

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

代码语言:javascript复制
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

使用指数操作符,使用指数运算符**,就像使用 、- 等操作符一样:

代码语言:javascript复制
console.log(2**10);// 输出1024

0 人点赞