JavaScript

javascript中的装箱和拆箱操作

2019-11-07  本文已影响0人  HelenYin

把基本数据类型转换成对应的引用类型的操作叫做装箱
把引用类型转换成基本数据类型叫做拆箱

装箱

运算符.提供了装箱操作,他会根据基础类型构造一个临时的对象,是我们能够在基础类型上调用对应对象的方法。
装箱机制会频繁的产生临时对象,在一些性能要求较高的场景下,我们应该尽量避免对基本类型做装箱转换。

拆箱

原始类型
toString()  // 返回文本值
valueOf()  //  返回原始值
复合类型
var a = {}
 a.toString()  // [object type??]
 a.valueOf() // 原始值
var o = {
    toString: function(){
      console.log('toString')
      return {}
    },
    valueOf: function(){
      console.log('valueOf')
      return {}
    }
}
console.log(o*2) // valueOf
console.log(String(o))  // toString

这两个方式一般由js隐式的去调用,在数值运算里,会先调用valueOf,在字符运算里会优先调用toString

toStringvalueOf的执行顺序不固定,他会根据某个条件来决定,是根据什么条件决定的?ToPrimitive !这是一个内部函数,它会根据执行上下文自动传入一个转换类型参数hint
ToPrimitive是对象类型到基本类型转换的实现者,这是一个内部算法,是编程语言在内部执行时遵循的一套规则。对象到StringNumber的转换都遵循先拆箱再转换的规则。通过拆箱转换把对象变成基本类型,再从基本类型转换成String 或者Number

拆箱的顺序如下
  1. 检查对象中是否由用户显示定义的Symbol.toPrimitive方法,如果有,直接调用。
  2. 如果没有则执行原来内部的toPrimitive,然后判断传入的hint,如果为String,调用顺序是toString``valueOf。如果不是String则可能是number或者default,则调用顺序是valueOf``toString

确定hint取值

string

当希望是字符串操作,也即将发生对象到字符串的转换是,传入toPrimitive的参数是stirng

alert(obj)
anotherObj[obj] = 123
number

当在希望是数值操作,也即将发生对象到数值的转换时,传入内部函数toPrimitive的参数是number

Number(obj)
+obj
obj1>obj2
default

当在一些不确定需要将对象转换成什么基础类型的场景下,传入内部函数toPrimitive的参数是default

obj1 + obj2

上一篇下一篇

猜你喜欢

热点阅读