如何理解JS基本包装类型

基本数据类型有：string，number，boolean

基本包装类型也有：string，number，boolean

他们有什么区别和联系呢？

首先，基本包装类型属于引用类型（也就是对象），存储在堆内存中，他们具有属性和方法，比如String是JS内置对象，原型中有很多方法可以使用。定义的时候用对象定义。

同时，基本数据类型不是引用类型，存储在栈内存中，没有属性和方法。定义的时候用字面量定义。

但是，你会发现，下面的代码是可行的。

var str = 'hello'; //string 基本类型
var s2 = str.charAt(0);
alert(s2); // h

不是说基本数据类型没有属性和方法吗？为什么这里可以使用方法呢？

这是因为一旦基本数据类型遇到访问属性和方法的时候，会在后台自动转化为基本包装类型，并在完成表达式后销毁

//我们平常写程序的过程：
var str = 'hello'; //string 基本类型
var s2 = str.charAt(0); //在执行到这一句的时候 后台会自动完成以下动作 ：
（ 
 var _str = new String('hello'); // 1 找到对应的包装对象类型，然后通过包装对象创建出一个和基本类型值相同的对象
 var s2 = _str.chaAt(0); // 2 然后这个对象就可以调用包装对象下的方法，并且返回结给s2.
 _str = null;  //    3 之后这个临时创建的对象就被销毁了， str =null; 
 ） 
alert(s2);//h 
alert(str);//hello 

如果给基本包装类型添加属性会怎样呢？

var str = 'hello';
str.number = 10; //假设我们想给字符串添加一个属性number ，后台会有如下步骤
｛ 
 var _str = new String('hello'); // 1 找到对应的包装对象类型，然后通过包装对象创建出一个和基本类型值相同的对象
  _str.number = 10; // 2 通过这个对象调用包装对象下的方法 但结果并没有被任何东西保存
 _str =null; // 3 这个对象又被销毁
 ｝
alert(str.number); //undefined  当执行到这一句的时候，因为基本类型本来没有属性，后台又会重新重复上面的步骤
｛ 
 var str = new String('hello'); // 1 找到基本包装对象，然后又新开辟一个内存，创建一个值为hello对象
 str.number = undefined   // 2 因为包装对象下面没有number这个属性，所以又会重新添加，因为没有值，所以值是未定义;然后弹出结果
 str =null; // 3 这个对象又被销毁
 ｝

可以看到，给基本数据类型添加属性的时候，也是会转化为基本包装类型的，但是转变完完成表达式后会销毁。后面再访问这个属性的时候，基本数据类型再一次转化为了基本包装类型，完成该表达式后又会销毁。

但是，如果是一开始就声明为基本包装类型呢？

var str = new String('Hello world');
str.number = 10;
console.log(str.number);   //打印出10

可以看到，当访问属性（没有属性则动态添加上去）并完成表达式之后，基本包装类型没有被销毁，继续存在，这就是和基本数据类型的不同。

那么你可能会想问，如何给基本数据类型添加属性和方法呢？

答案就是通过原型：

//给字符串添加方法  要写到对应的包装对象的原型下才行
var str = 'hello';
String.prototype.last= fuction(){ 
    return this.charAt(this.length);
}; 
str.last(); // 5 执行到这一句，后台依然会偷偷的干这些事
｛ 
    var _str = new String('hello');// 找到基本包装对象，new一个和字符串值相同的对象，
    _str.last();  // 通过这个对象找到了包装对象下的方法并调用 
    _str =null; //  这个对象被销毁
｝