ES10 引入了一个新特性——Symbol.toPrimitive 方法，该方法可以让开发者对自定义类型进行隐式转换。在 JavaScript 中，隐式转换是一个常见且重要的特性，而通过 Symbol.toPrimitive 方法，我们可以控制自定义类型的隐式转换行为，提高代码的可读性、可维护性和扩展性。
Symbol.toPrimitive 方法
Symbol.toPrimitive 方法是一个被 JavaScript 引擎特殊处理的内置 Symbol，它可被用于定义对象在隐式转换中的行为。当一个对象被用于隐式转换的场景中（例如，当该对象需要进行数字运算或字符串拼接时），JavaScript 引擎将首先查找对象上是否实现了 Symbol.toPrimitive 方法，如果实现了，则调用该对象上的 Symbol.toPrimitive 方法，否则将会使用默认的操作行为。
Symbol.toPrimitive 方法接收一个字符串类型的参数，用于指定隐式转换的目标。目标字符串类型可以为"number","string"或"default"，分别代表转换成数字、字符串或默认转换。如果没有指定目标类型，则默认为"default"。
Symbol.toPrimitive 方法应该返回一个表示该对象的原始值的值（即数字或字符串），或者返回一个错误对象。
-- -------------------- ---- -------
----- --- - -
-------------------------- -
-- ----- --- --------- -
------ ---
-
-- ----- --- --------- -
------ ------ -----
-
------ --- -------------- ---- -------
-
--
------------- - ----- -- ---
-------------------- - - ----- -- ------- ----- ---
------------------------- -- ----- ---
------------------------- -- --在上面的示例代码中，我们创建了一个名为 obj 的对象，并在该对象上实现了 Symbol.toPrimitive 方法。该方法根据传入的参数 hint 返回相应的原始值，当 hint 为"number"时返回数字 42，当 hint 为"string"时返回字符串"forty two"，否则返回一个错误对象。
我们可以通过将 obj 与数字、字符串进行运算来测试 Symbol.toPrimitive 方法的效果，如上面的示例代码所示。在所有场景中，我们都可以看到 obj 可以自动执行隐式转换，返回相应的原始值。
Symbol.toPrimitive 的应用
Symbol.toPrimitive 可以用于许多场景，例如自定义日期、时间、集合等对象类型的隐式转换。
例如，我们可以创建一个自定义的日期类型，并实现 Symbol.toPrimitive 方法用于隐式转换。
-- -------------------- ---- -------
----- ------ -
----------------- ------ ---- -
---------- - -----
----------- - ------
--------- - ----
-
-------------------------- -
------ ------ -
---- ---------
------ --- ------------------------------------------------------------
---- ---------
------ --------------------------------------------
--------
------ --------------------------------------------
-
-
-
----- ---- - --- ------------ -- ----
------------- - ------ -- --------------
---------------- - ---- -- ---------在上面的示例代码中，我们使用了 ES6 中的 class 语法创建了一个名为 MyDate 的自定义类型，并在该类型上实现了 Symbol.toPrimitive 方法。该方法中根据 hint 的值返回相应的原始值，我们支持数字或字符串类型的隐式转换。
我们可以通过将日期对象与数字、字符串进行运算来测试 Symbol.toPrimitive 方法的效果，如上面的示例代码所示。在所有场景中，我们都可以看到日期对象可以自动执行隐式转换，返回相应的原始值。
随着 ES10 版本的推出，Symbol.toPrimitive 方法为开发者提供了更多控制自定义类型的方法，这有助于优化代码的可读性、可维护性和扩展性，能够更加灵活地处理各种数据类型。
结论
本文介绍了 ECMAScript 2019 (ES10) 中的新特性——Symbol.toPrimitive 方法，并提供了详细的代码示例。Symbol.toPrimitive 方法可以让开发者对自定义类型进行隐式转换，提高代码的可读性、可维护性和扩展性。通过使用 Symbol.toPrimitive 方法，开发者可以更好地控制对象的隐式转换行为，从而减少代码中的隐式转换错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/670dc0745f551281025e4c04