ES7（ES2016）新特性

ES7（ES2016）新特性

发布时间：2016年6月
ES7 是最小的一个版本，仅新增了2个特性。

1. Array.prototype.includes()

判断数组中是否包含指定元素，返回true或false。

语法

arr.includes(valueToFind[,fromIndex])

基本用法

[1,2,3].includes(2);// true[1,2,3].includes(4);// false[1,2,3].includes(1,1);// false，从索引1开始搜索[1,2,3].includes(3,-1);// true，负数从末尾计算

对比 indexOf

// indexOf 返回索引，找不到返回 -1[1,2,3].indexOf(2);// 1[1,2,3].indexOf(4);// -1// includes 返回布尔值，语义更清晰[1,2,3].includes(2);// true[1,2,3].includes(4);// false

处理 NaN 的优势

// indexOf 无法正确判断 NaN[NaN].indexOf(NaN);// -1// includes 可以正确判断 NaN[NaN].includes(NaN);// true

在 if 条件中使用

// 旧写法if(arr.indexOf(item)!==-1){// 找到了}// 新写法，更简洁if(arr.includes(item)){// 找到了}

注意事项

• 只能判断简单类型和 NaN，对象引用需要 === 匹配
• 对undefined也能正确判断

[1,undefined,3].includes(undefined);// trueletobj={a:1};letarr=[obj];arr.includes(obj);// truearr.includes({a:1});// false，不同引用

2. 指数运算符**

**是一个新的数学运算符，用于计算幂运算，等价于Math.pow()。

基本用法

// 旧写法Math.pow(2,10);// 1024// 新写法2**10;// 1024

负数底数

(-2)**2;// 4(-2)**3;// -8

注意：不能一元运算符连用

// 语法错误，不能直接对负数使用-2**2;// SyntaxError// 需要加括号(-2)**2;// 4-(2**2);// -4

结合赋值运算符**=

leta=2;a**=3;// a = 8，等同于 a = a ** 3letb=5;b**=0;// b = 1letc=3;c**=-2;// c = 0.111...，等同于 3 的 -2 次方

实际应用场景

// 面积计算letr=5;letarea=Math.PI*r**2;// 圆面积// 文件大小单位转换letbytes=1024;letkb=bytes**2;// 1,048,576（1MB）letmb=bytes**3;// 1,073,741,824（1GB）// 二进制转十进制2**8;// 256

总结

ES7 虽然只新增了2个特性，但都非常实用，在日常开发中使用频率很高。