从逗号运算符到生成器，进阶 JavaScript 开发技能

2023-12-27 12:26:08

逗号运算符：

JavaScript中的逗号运算符（,）可以将多个表达式组合成一个单一的表达式，并返回最后一个表达式的值。这可以极大地简化代码，并提高可读性。例如：

// 使用逗号运算符
const result = (1 + 2), 3;

// 等同于
const result = 1 + 2;
result = 3;

逗号运算符还可以用于在循环中创建多个变量。例如：

// 使用逗号运算符
for (let i = 0, j = 10; i < 5; i++, j--) {
  // ...
}

// 等同于
for (let i = 0; i < 5; i++) {
  let j = 10;
  j--;
  // ...
}

生成器：

JavaScript中的生成器（generator）是一种特殊类型的函数，它可以生成一个值序列。生成器函数通过使用yield来实现，yield关键字会暂停函数的执行，并将当前的值返回给调用者。当调用者再次调用生成器函数时，函数将从暂停处继续执行，并返回下一个值。

// 生成器函数
function* myGenerator() {
  yield 1;
  yield 2;
  yield 3;
}

// 调用生成器函数
const generator = myGenerator();

// 获取生成器函数的第一个值
const firstValue = generator.next();

// 获取生成器函数的第二个值
const secondValue = generator.next();

// 获取生成器函数的第三个值
const thirdValue = generator.next();

生成器非常适用于需要生成大量数据的场景，例如遍历数组或对象、生成随机数等。

高手进阶：

活用逗号运算符缩减代码行数 ：逗号运算符可以将多个表达式组合成一个单一的表达式，这可以极大地简化代码，并提高可读性。
善用内置的Set对象 ：JavaScript内置的Set对象可以存储唯一的值，并且查询速度非常快。在需要处理大量唯一数据时，可以使用Set对象来提高性能。
掌握生成器，轻松处理大量数据 ：生成器是一种特殊类型的函数，它可以生成一个值序列。生成器非常适用于需要生成大量数据的场景，例如遍历数组或对象、生成随机数等。