在 JavaScript 中，算术运算符是一种常见的操作。当我们使用算术运算符时，JavaScript 引擎会将操作数序列化为数字。在 ES9 中，引入了两个新的方法：Symbol.toPrimitive 和 valueOf()，它们可以让我们更好地控制序列化过程。
Symbol.toPrimitive
Symbol.toPrimitive 是一个符号值，它表示一个对象被强制类型转换为原始值时的行为。当我们使用算术运算符时，JavaScript 引擎会尝试将对象序列化为数字。通过实现 Symbol.toPrimitive 方法，我们可以自定义对象的序列化行为。
Symbol.toPrimitive 方法接受一个参数，它表示对象被转换的类型。这个参数可以是字符串 "number"、"string" 或 "default"，分别表示对象被序列化为数字、字符串或默认类型。如果我们没有实现 Symbol.toPrimitive 方法，JavaScript 引擎会默认使用对象的 valueOf() 和 toString() 方法序列化对象。
以下是一个示例，我们定义了一个名为 Person 的类，并实现了 Symbol.toPrimitive 方法：
-- -------------------- ---- -------
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
-------------------------- -
-- ----- --- --------- -
------ ---------
-
-- ----- --- --------- -
------ ----------
-
------ -------------- ----------- ----- -----
-
-
----- ------ - --- ------------- ----
------------------ - --- -- ----- -- ----- -----
------------------ - --- -- --
---------------------------- -- -----在上面的示例中，我们实现了 Symbol.toPrimitive 方法，根据传入的参数返回不同类型的原始值。当我们使用算术运算符时，JavaScript 引擎会自动调用这个方法，将对象序列化为数字。
valueOf()
除了 Symbol.toPrimitive 方法，我们还可以使用 valueOf() 方法来控制对象的序列化行为。valueOf() 方法返回对象的原始值，它通常是一个数字或布尔值。
以下是一个示例，我们定义了一个名为 Counter 的类，并实现了 valueOf() 方法：
-- -------------------- ---- -------
----- ------- -
------------------ -
---------- - ------
-
--------- -
------ -----------
-
-
----- ------- - --- -----------
------------------- - --- -- -
------------------- - --- -- --
----------------------------- -- ---在上面的示例中，我们实现了 valueOf() 方法，将对象序列化为它的值。当我们使用算术运算符时，JavaScript 引擎会自动调用这个方法，将对象序列化为数字。
结论
通过实现 Symbol.toPrimitive 和 valueOf() 方法，我们可以更好地控制对象的序列化行为。这些方法可以让我们自定义对象的原始值，从而更好地适应不同的应用场景。
在实际应用中，我们可以根据具体的需求选择使用 Symbol.toPrimitive 或 valueOf() 方法。如果我们需要更精细地控制对象的序列化行为，可以使用 Symbol.toPrimitive 方法；如果我们只是需要将对象序列化为它的值，可以使用 valueOf() 方法。
参考资料
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6725a35c2e7021665e1865f6