JavaScript 基本类型的装箱与拆箱

在JavaScript中，有时候会遇到如下两种状况

1. 基本类型的变量, 直接调用方法
   

   var item = 1234
    item.toString() // '1234'
   
    var num = 123;
    num.toFixed(2) // '123.00'复制代码

众所周知只有Object类型才有方法，那上述代码基本类型为何也能够调用方法，其中涉及到JavaScript的装箱。

装箱的概念：把基本类型转化为相应的对象。而装箱又分为显式与隐式

上述代码就是典型的隐式装箱：

1. 读取基本类型的值，后台建立一个临时的该基本类型所对应的对象。
2. 对基本类型调用方法，实际是在该基本类型的对象上调用方法。
3. 执行方法后该对象立马销毁。
   

   var item = 1234
    item.toString() // '1234'
    // 此代码等价于
    var item = new Number(1234);
    item.toString();
    
    var num = 1234;
    num.toFixed(2) // '1234.00'
    // 此代码等价于
    var num = new Number(1234)
    num.toFiexed(2)复制代码

显式装箱：用内置对象例如Number、Boolean、String、Object等 对基本类型进行显式装箱

var bool = new Boolean(true)
var Str = new String('123')复制代码

2.把引用类型的值当作基本类型的值来使用,这里面涉及到拆箱操做，拆箱是把引用类型转化为基本类型

var num = [1, 2, 3, 4]
var obj = {
    name: 'wsd'
}
console.log(num + 1) // 1,21
console.log(str.toString()) // [object Object]复制代码

      拆箱内部过程是调用了一个抽象方法toPrimitive(val, type),该方法第一个参数接收转换的参数，第二个参数非必须，为对象被期待转换的类型。

     这个方法的本质是：

1. 若是val是object，则会先执行valueOf()方法，若是结果为原始值,则返回此结果；
2. 不然再调用tostring方法；若是得出结果为原始值，则返回结果，不然抛出异常
   

   var num = [1, 2, 3, 4]
   console.log(num + 1) // 1,21
   
   //先执行valueOf()方法
   num.valueOf() //  [1, 2, 3, 4]
   
   //结果不是原始值，再调用toString方法
   num.valueOf().toString() // 1,2,3,4
   
   // 获得基本类型数据
   console(num + 1)   //  '1,2,3,4' + 1 = '1,2,3,41'复制代码