在 JavaScript 中，类型转换是非常常见的操作。但有时我们希望自定义类型转换的方式来更好地控制程序的行为。在 ECMAScript 2019 中添加了 Symbol.toPrimitive() 函数，可以让我们实现自定义类型转换。
Symbol.toPrimitive() 函数简介
Symbol.toPrimitive() 函数是一个内置的 Symbol 值，它可以使我们将对象转换为原始值。这个函数接受一个参数 hint，表示期望对象被转换成的类型。hint 可以是 "number"、"string" 或 "default" 中的一个。
当我们使用某个对象作为操作数运算时，JavaScript 引擎会根据下面的规则来决定如何将其转换为原始值：
如果对象具有 Symbol.toPrimitive() 方法，则将该函数调用并返回结果。
如果 hint 为 "string"，则尝试调用对象的 toString() 方法，并返回其结果。
如果 hint 为 "number" 或 "default"，则尝试调用对象的 valueOf() 方法，并返回其结果。
如果 valueOf() 方法返回的不是原始值，那么再调用一次 toString() 方法，并返回其结果。
Symbol.toPrimitive() 函数使用示例
下面是一个使用 Symbol.toPrimitive() 函数的示例代码：
// javascriptcn.com code example
class CustomNumber {
constructor(value) {
this.value = value;
}
[Symbol.toPrimitive](hint) {
if (hint === "number") {
return this.value;
} else {
return String(this.value);
}
}
}
const num = new CustomNumber(10);
console.log(num + 5); // 15
console.log(num * 10); // 100
const str = new CustomNumber("hello");
console.log("The value is " + str); // The value is hello
console.log(str + " world"); // hello world在上面的示例代码中，我们定义了一个自定义的 CustomNumber 类。它有一个 value 属性，代表一个数字。在类的内部，我们实现了 Symbol.toPrimitive() 函数，并根据传入的 hint，返回对应的原始值。
在使用该类创建实例后，我们使用“+”和“*”操作符对其进行操作，因为 hint 默认为 "default"，所以会尝试调用 valueOf() 方法，但由于我们没有实现该方法，所以会继续调用 toString() 方法，并最终调用 Symbol.toPrimitive() 函数。
可以看到，在第一个例子中，我们使用“+”操作符将 num 与数字相加，JavaScript 引擎执行了我们自定义的类型转换，并将其转换为数字 10，然后再将其与数字 5 相加得到数字 15。在第二个例子中，我们使用“*”操作符将 num 与数字相乘，JavaScript 引擎同样针对 num 对象执行了我们自定义的类型转换，并将其转换为数字 10，然后再将其与数字 10 相乘得到数字 100。
在第三个例子中，我们使用“+”操作符将 str 与字符串相加，JavaScript 引擎同样执行了我们自定义的类型转换，将其转换为字符串 "hello"，然后再将其与字符串 " world" 相加得到字符串 "hello world"。在第四个例子中，我们可以看到当 hint 为 "number" 时，会执行与 hint 为 "default" 时不同的转换操作。
结论
通过使用 Symbol.toPrimitive() 函数，我们可以自定义类型转换的方式，来更好地控制程序的行为。这可以使代码更具可读性，并避免出现难以调试的错误。但需要注意的是，过度滥用自定义类型转换可能会导致代码可读性变差，因此需要谨慎使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/672b8839ddd3a70eb6d2ea55