js数据类型的装箱和拆箱操作

js数据类型的装箱和拆箱操作
js数据类型分为基础数据类型和引用数据类型，基本数据类型包括：Number，String，Boolean，Null，Undefined，Symbol、BigInt；
其储存在数据类型栈中。
引用数据类型包括：Object，Array，Function；其值储存在数据类型堆中，指针却是存放在栈中；
所谓装箱就是将基本数据类型转化成对应的引用数据类型，这样才能使用其相应的对象方法，装箱分为隐式装箱和显示装箱；
隐式装箱：

	let a = 'sun';
	console.log(a.indexof('s'));//输出下标0
	//上面代码运行时实际为：
	console.log(new String('s').indexOf('s'))//输出下标0

基本数据类型直接调用方法时其实就是用了隐式的装箱，先读取基本类型的值，创建一个临时的该基本类型对应对象，然后调用这个对象上的方法，最后销毁这个临时对象；
显式装箱：通过new操作符创建相应的对象的实例，并可以添加新的属性和方法；

let bool = new Boolean(true)
let Str = new String('123')

所谓拆箱操作就是跟装箱相反，是指把引用类型转换成基本的数据类型。通常通过引用类型的valueOf()和toString()方法来实现；其运行机制：如果是基本类型，按原样返回；如果值是object，则会先执行valueOf()方法，如果此结果为原始值,则返回此结果；否则再调用tostring方法；如果得出结果为原始值，则返回结果，否则抛出异常；

let 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'