当前位置：首页 > news >正文

ES7 (ES2016) 新特性

news 来源：原创 2025/5/19 12:34:47

Array.includes()

基本语法

array.includes(searchElement[, fromIndex])

特点

返回布尔值
可以检测 NaN
支持可选的 fromIndex 参数
比 indexOf() 更语义化

使用示例

const numbers = [1, 2, 3, 4, 5, NaN];

// 基本使用
console.log(numbers.includes(3));     // true
console.log(numbers.includes(6));     // false

// 检测 NaN
console.log(numbers.includes(NaN));   // true
console.log([1, 2, 3].indexOf(NaN));  // -1 (不能检测 NaN)

// 使用 fromIndex
console.log(numbers.includes(3, 4));  // false
console.log(numbers.includes(5, -2)); // true

// 与字符串比较
const fruits = ['apple', 'banana', 'mango'];
console.log(fruits.includes('apple')); // true

指数运算符

基本语法

base ** exponent

特点

比 Math.pow() 更简洁
支持赋值运算符 **=
优先级高于乘除运算
右结合性

使用示例

// 基本使用
console.log(2 ** 3);      // 8
console.log(3 ** 2);      // 9

// 与 Math.pow() 对比
console.log(2 ** 3 === Math.pow(2, 3));  // true

// 赋值运算符
let number = 2;
number **= 3;
console.log(number);  // 8

// 优先级
console.log(2 ** 3 * 2);   // 16 (而不是 64)
console.log(2 * 3 ** 2);   // 18 (而不是 36)

// 右结合性
console.log(2 ** 3 ** 2);  // 512 (2 ** 9，而不是 64 ** 2)

实际应用场景

1. Array.includes() 应用

条件判断

const permissions = ['read', 'write', 'delete'];

function canUserDelete() {
  return permissions.includes('delete');
}

// 多条件判断
const validStatus = ['pending', 'approved', 'rejected'];
function isValidStatus(status) {
  return validStatus.includes(status);
}

数据过滤

const allUsers = ['admin', 'user', 'guest'];
const blockedUsers = ['guest'];

const activeUsers = allUsers.filter(user => 
  !blockedUsers.includes(user)
);

2. 指数运算符应用

数学计算

// 面积计算
function calculateCircleArea(radius) {
  return Math.PI * (radius ** 2);
}

// 复利计算
function calculateCompoundInterest(principal, rate, years) {
  return principal * ((1 + rate) ** years);
}

科学计算

// 标准差计算
function standardDeviation(values) {
  const avg = average(values);
  const squareDiffs = values.map(value => (value - avg) ** 2);
  return Math.sqrt(average(squareDiffs));
}

最佳实践

1. Array.includes() 最佳实践

// ✅ 推荐
if (array.includes(value)) {
  // 处理逻辑
}

// ❌ 不推荐
if (array.indexOf(value) !== -1) {
  // 处理逻辑
}

// ✅ 推荐：处理空值
const values = [null, undefined, 0, ''];
console.log(values.includes(null));      // true
console.log(values.includes(undefined)); // true

// ❌ 不推荐：使用 indexOf 处理特殊值
console.log(values.indexOf(null) !== -1);

2. 指数运算符最佳实践

// ✅ 推荐
const square = x => x ** 2;
const cube = x => x ** 3;

// ❌ 不推荐
const square = x => Math.pow(x, 2);
const cube = x => Math.pow(x, 3);

// ✅ 推荐：链式操作
const value = 2 ** 2 ** 3;  // 清晰的优先级

// ❌ 不推荐：混合使用
const value = Math.pow(2, Math.pow(2, 3));