在 ES7 中，JavaScript 引入了两种新的 Symbol 类型：Symbol.toPrimitive 和 Symbol.asyncIterator。这两个 Symbol 对于前端开发来说非常有用，可以使我们更加灵活地处理数据和异步操作。
Symbol.toPrimitive
Symbol.toPrimitive 是一个用于控制类型转换的 Symbol。它可以用来指定一个对象在被转换为基本类型时应该遵循的规则。它的作用类似于 toString 和 valueOf 方法，但是它提供了更多的灵活性。
默认情况下，当一个对象被转换为基本类型时，JavaScript 会先尝试调用对象的 valueOf 方法，如果该方法不存在或者返回值不是基本类型，则会尝试调用 toString 方法。如果仍然没有返回基本类型，JavaScript 将会抛出一个 TypeError。
通过使用 Symbol.toPrimitive，我们可以指定对象应该优先使用哪个方法进行转换。例如，我们可以创建一个对象，使它在被转换为基本类型时，优先使用 toString 方法：
// javascriptcn.com 代码示例
const obj = {
name: 'Alice',
age: 20,
[Symbol.toPrimitive](hint) {
if (hint === 'string') {
return this.name;
} else {
return this.age;
}
}
};
console.log(String(obj)); // 'Alice'
console.log(Number(obj)); // 20
console.log(obj + 10); // 30在上面的例子中，我们通过定义 Symbol.toPrimitive 方法，使得对象在被转换为字符串时返回 name 属性，在被转换为数值时返回 age 属性。当对象被用于进行算术运算时，JavaScript 会自动将其转换为数值。
Symbol.asyncIterator
Symbol.asyncIterator 是一个用于迭代异步数据的 Symbol。它可以用来定义一个异步迭代器，该迭代器可以遍历异步数据流。它的作用类似于 Symbol.iterator，但是它支持异步操作。
异步迭代器是一个返回 Promise 的对象，该 Promise 的 resolve 值应该是一个迭代结果对象，该对象应该包含 value 和 done 两个属性。当 done 属性为 true 时，表示迭代结束。
例如，我们可以创建一个异步迭代器，用于遍历一个 Promise 数组：
// javascriptcn.com 代码示例
const promises = [
Promise.resolve(1),
Promise.resolve(2),
Promise.resolve(3)
];
const asyncIterable = {
[Symbol.asyncIterator]() {
let index = 0;
return {
async next() {
if (index < promises.length) {
const value = await promises[index++];
return { value, done: false };
} else {
return { done: true };
}
}
};
}
};
(async function() {
for await (const x of asyncIterable) {
console.log(x);
}
})();在上面的例子中，我们通过定义 Symbol.asyncIterator 方法，创建了一个异步迭代器。该迭代器遍历一个 Promise 数组，并在每个 Promise resolve 后返回相应的值。我们可以使用 for await...of 循环来遍历该异步迭代器。
总结
Symbol.toPrimitive 和 Symbol.asyncIterator 是两个非常有用的 Symbol，它们可以使我们更加灵活地处理数据和异步操作。通过了解它们的作用和使用方法，我们可以更好地编写高效、健壮的代码。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/657131efd2f5e1655d9e4032