JavaScript学习总结(3) —— 类型转换

3. 类型转换

JS中类型转换只有三种情况，分别是

• 转换为布尔值 【 Boolean（）】
• 转换为数字 【 Number（）、parseInt()、parseFalse() 】
• 转换为字符串【 String() 、str.toString() 】

3.1 转Boolean

在条件判断时，除了 undefined， null， false， NaN， ''， 0， -0，其他所有值都转为 true，包括所有对象。

3.2 对象转基本类型

1. 对象在转换基本类型时，首先会调用valueOf 然后调用toString。并且这两个方法你是可以重写的。
2. 调用哪个方法，主要是要看这个对象倾向于转换为什么。如果倾向于转换为 Number 类型的，就优先调用 valueOf；如果倾向于转换为 String 类型，就只调用 toString

var obj = {
  toString () {
    console.log('toString')
    return 'string'
  },
  valueOf () {
    console.log('valueOf')
    return 'value'
  }
}

alert(obj) // string
console.log(1 + obj) // 1value

3. 如果重写了 toString 方法，而没有重写 valueOf 方法，则会调用 toString 方法

var obj = {
  toString () {
    return 'string'
  }
}

console.log(1 + obj) // 1string

调用上述两个方法的时候，需要 return 原始类型的值 (primitive value),如果在调用 valueOf 的时候，返回的不是原始类型的值，就会去调用 toString。

var obj = {
  toString () {
    console.log('toString')
    return 'string'
  },
  valueOf () {
    console.log('valueOf')
    return {}
  }
}

console.log(1 + obj)

// 依次打印出
valueOf
toString
1string

如果返回还不是原始的值，就会报错

var obj = {
  toString () {
    console.log('toString')
    return {}
  },
  valueOf () {
    console.log('valueOf')
    return {}
  }
}

console.log(1 + obj)

// 报错。无法将一个对象转换为原始类型的值
Uncaught TypeError: Cannot convert object to primitive value

当然你也可以重写 Symbol.toPrimitive ，该方法在转基本类型时调用优先级最高。

var obj = {
  toString () {
    console.log('toString')
    return {}
  },
  valueOf () {
    console.log('valueOf')
    return {}
  },
  [Symbol.toPrimitive] () {
    console.log('primitive')
    return 'primi'
  }
}

console.log(1 + obj) // 1primi

同样只能 return 原始类型的值，否则会报和上面所说一样的错。