js基本類型和基本包裝類型的區別

基本類型：Undefined,Null,Boolean,Number,String

基本包裝類型：Boolean,Number,String

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

 

上面的string是一個基本類型，但是它卻能召喚出一個 charAt() 的方法，主要是因為在基本類型中，有三個比較特殊的存在就是：String Number Boolean，這三個基本類型都有自己對應的包裝對象。包裝對象，其實就是對象，有相應的屬性和方法。調用方法的過程，是在后台偷偷發生的。

//我們平常寫程序的過程：
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 = 'hello';
String.prototype.last= fuction(){ 
    return this.charAt(this.length);
}; 
str.last(); // 5 執行到這一句，后台依然會偷偷的干這些事
｛ 
    var _str = new String('hello');// 找到基本包裝對象，new一個和字符串值相同的對象，
    _str.last();  // 通過這個對象找到了包裝對象下的方法並調用 
    _str =null; //  這個對象被銷毀
｝

 參考文章：https://segmentfault.com/a/1190000013003663