在 JavaScript 中，类型转换是非常常见的操作。从 ES5 开始，我们就可以使用 toString 和 valueOf 方法来自定义对象的类型转换。但是这两个方法存在一些局限性，比如无法同时定义字符串和数字的转换等。在 ECMAScript 2017 中，引入了新的 Symbol.toPrimitive 属性，能够更加灵活地进行对象的类型转换，同时还能保留原有对象的值和类型信息。
Symbol.toPrimitive 属性
Symbol.toPrimitive 是 ES6 引入的新类型 Symbol 的一个静态属性，用于定义对象转换为原始类型时的行为。该属性被定义在 Symbol 对象的原型上，因此所有使用 Symbol 的对象都可以访问到该属性。
该属性接受一个参数，用于指定对象转换的默认类型。该参数可以是 "number"、"string" 或 "default"，分别对应转换为数字、字符串或默认类型。如果未指定参数，则默认为 "default"。
示例代码如下：
-- -------------------- ---- -------
----- --- - -
-------------------------- -
------ ------ -
---- ---------
------ ---
---- ---------
------ --------
--------
------ -------- ---------
-
-
--
------------------ -- --
------------------------- -- -------
--------------- - - -------- -- ------ ------在上面的例子中，我们定义了一个简单的对象，使用 Symbol.toPrimitive 属性来自定义类型转换。当使用 + 运算符或者 Number 函数对该对象进行转换时，会调用该函数并传入参数 "number"，返回数字 42。同理，当使用 String 函数或者字符串拼接运算符对该对象进行转换时，会调用该函数并传入参数 "string"，返回字符串 "hello"。在其他情况下，该函数会返回默认类型 [object Object]。
自定义类型转换
利用 Symbol.toPrimitive 属性，我们可以非常方便地实现自定义的类型转换。例如，我们可以定义一个日期对象，使其在转换成字符串时返回日期的格式化字符串，而在转换成数字时返回日期的时间戳。
示例代码如下：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
-------------------------- -
------ ------ -
---- ---------
------ --------------------
---- ---------
----- ---- - ------------------------
----- ----- - -------------------- - --
----- --- - --------------------
------ ---------------- - -- - --- - ----- - ------------ - -- - --- - --- - ------
--------
------ ---------------------
-
-
-
----- ---- - --- ---------- ---------- -- ----
------------------- -- -------------
-------------------------- -- ------------
---------------- - ---- -- ---- --- -- ---- -------- -------- ---------在上面的例子中，我们定义了一个 MyDate 类，使用 Symbol.toPrimitive 来自定义类型转换。当使用 + 运算符或者 Number 函数对该对象进行转换时，会调用该函数并传入参数 "number"，返回日期的时间戳。当使用 String 函数或者字符串拼接运算符对该对象进行转换时，会调用该函数并传入参数 "string"，返回日期的格式化字符串。在其他情况下，该函数会返回日期的字符串表示。
总结
使用 Symbol.toPrimitive 属性，我们可以更加灵活地定义对象的类型转换，实现自定义类型的转换。在实际开发中，我们可以利用该特性设计更加符合业务逻辑的代码，提高代码的可读性和可维护性。但是需要注意，在使用该特性时需要考虑一些边界情况，比如参数类型的判断、多种类型的转换等。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651a2fdc95b1f8cacd230c01