JavaScript 对象转换到基本类型值算法 ToPrimitive

6,460 阅读2分钟

JavaScript 对象什么场景下会转换到基本类型值呢?

  1. 数学运算:obj1 + obj2obj1 - obj2 等。
  2. 期望值是基本类型值的运算:alert(obj)

ToPrimitive 算法

JavaScript 对象转换到基本类型值时,会使用 ToPrimitive 算法,这是一个内部算法,是编程语言在内部执行时遵循的一套规则。

hint

ToPrimitive 算法在执行时,会被传递一个参数 hint,表示这是一个什么类型的运算(也可以叫运算的期望值),根据这个 hint 参数,ToPrimitive 算法来决定内部的执行逻辑。

hint 参数的取值只能是下列 3 者之一:

  • string
  • number
  • default

转换算法

当对象发生到基本类型值的转换时,会按照下面的逻辑调用对象上的方法:

  1. 如果存在,调用 obj[Symbol.toPrimitive](hint)
  2. 否则,如果 hint 取值是 "string"
    • 无论是否存在,调用 obj.toString()obj.valueOf()
  3. 否则(也就是 hint 取值是 "number""default" 的情况):
    • 无论是否存在,调用 obj.valueOf()obj.toString()

确定 hint

我们提到了 ToPrimitive 算法中用到的 hint 参数,那怎样确定一次运算场景下的 hint 取值是什么呢?很简单----新建一个对象,打印各个运算场景下的 hint 值:

let user = {
  name: "John",
  money: 1000,

  [Symbol.toPrimitive](hint) {
    console.log(`hint: ${hint}`);
  }
};

alert(user) // hint: string 
+user // hint: default
user + 500 // hint: default

Symbol.toPrimitive 和 toString/valueOf 方法

并不要求 Symbol.toPrimitivetoString/valueOf 方法必须返回 hint 参数值所暗示的类型值。

但要注意下面两点:

  1. Symbol.toPrimitivetoString 方法的返回值必须是基本类型值。
  2. valueOf 方法除了可以返回基本类型值,也可以返回其他类型值。

其他

当我们创建一个普通对象时({}new Object() 的方式等),对象上是不具备 [Symbol.toPrimitive] (方法)属性的。所以,对于普通对象的到基本类型值的运算,一般按照具体场景:

  1. hint 值为 "string" 时,先调用 toStringtoString 如果返回一个基本类型值了,则返回、终止运算;否则接着调用 valueOf 方法。
  2. 否则,先调用 valueOfvalueOf 如果返回一个基本类型值了,则返回、终止运算;否则接着调用 toString 方法。

(完)