DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 深入理解JavaScript中為什麼string可以擁有方法
深入理解JavaScript中為什麼string可以擁有方法
編輯:關於JavaScript     

引子

我們都知道,JavaScript數據類型分兩大類,基本類型(或者稱原始類型)和引用類型。

基本類型的值是保存在棧內存中的簡單數據段,它們是按值訪問的。JS中有五種基本類型:Undefined、Null、Boolean、Number和String。

引用類型的值是保存在堆內存中的對象,它的值是按引用訪問的。引用類型主要有Object、Array、Function、RegExp、Date。

對象是擁有屬性和方法的,所以我們看到下面這段代碼一點也不奇怪.

var favs=['雞蛋','蓮蓬'];
favs.push('秋葵');
console.log(favs);//["雞蛋", "蓮蓬", "秋葵"]
console.log(favs.length);//3

Array是引用類型,所以它自然可以擁有屬性(length)和方法(push),這天經地義地就像夏天一定要吃冰淇淋一樣。但是,再看下面的代碼,仔細想想,這這這,合法嗎?

var realMessage="Said I love you but I lied";
var myMessage=realMessage.substring(5,15);
console.log(myMessage); //"I love you"

有一個心碎的女紙任性地對一個用來分手的字符串任性地執行了“substring”方法,然後開心地看著剪輯版睡過去了。可是可是可是,不是說string是基本類型嗎,為什麼它可以擁有方法??還有沒有王法啊青天大老爺!

其實,這一切,都是因為有個叫“基本包裝類型”的東東。這個基本包裝類型特別耿直,是真正的“事了拂衣去,深藏功與名”!

基本包裝類型

除了一開始提到的Object、Array等引用類型,JavaScript還為我們提供了三種特殊的引用類型:String、Number和Boolean,方便我們操作對應的基本類型。

繼續看上面的剪輯字符串的例子,有沒有注意到,盡管使用了substring方法,realMessage本身的值是不會變的,調用這個方法只是返回了一個新的字符串。

這就是基本包裝類型的作用了。本來你是沒有方法的,但是你想用方法的時候,你盡管調,對應的基本包裝類型有這個方法就行。例如上面的substring方法,string這個基本類型是不可能有這個方法的,但是String這個包裝類型有啊,它會吭吭哧哧地把這個方法執行完把結果返回。在執行到:

realMessage.substring(5,15)這行代碼時,發生了很多事。

首先,它會從內存中讀取realMessage的值。當處於這種讀取模式下的時候,後台就開始干活了。JS高程是這樣描述後台完成的這些動作的:

1.創建String類型的一個實例;

2.在實例上調用指定的方法;

3.銷毀這個實例

上面的例子可以用這樣的代碼來說明:

var _realMessage=new String("Said I love you but I lied");
var myMessage=_realMessage.substring(5,15);
_realMessgae=null; //方法調用後即銷毀

所以,這樣我們就明白了,並不是基本類型string執行了自身方法,而是後台為它創建了一個對應的基本包裝類型String,它根據基本類型的值實例化出了一個實例,讓這個實例去調用指定方法,最後銷毀自己,感天動地有木有。

注意最後一步基本包裝類型“會銷毀”的特性,這決定了我們不能為基本類型值添加自定義屬性和方法。

var me="sunjing";
me.age=18;
console.log(me.age);//undefined

我給“me“這個字符串添加了age屬性,值設為美好的18歲,然並卵,再次訪問時,這個屬性已經渺無蹤跡了。這是因為:

執行到第二行代碼屬性賦值時,後台創建了一個基本包裝類型的實例,這個age屬性確實掛到實例上去了,但是緊跟著,這個實例就被銷毀了。執行到第三行時,又重新創建了新的基本包裝類型的實例,自然是沒有age屬性的。

顯示使用基本包裝類型

除了在字符串處於讀取模式下,後台會幫我們創建基本包裝類型實例時,我們自己也可以顯示地創建。

var str=new String("hello");
var str2=str.toUpperCase();
console.log(str2);//"HELLO:

這樣與後台幫我們創建時變量中保存的東西是不同的。

var str1=new String("hello");
var str2="hello";
typeof str1 //"object"
typeof str2 //"string"

總結

多虧了有基本包裝類型,我們操作string、boolean、number這三種基本類型更方便了。每當讀取這三種基本類型值時,後台會創建對應的包裝類型實例,這個實例會調用指定方法,調用完會被銷毀。這種短暫的生命周期決定了我們不能為基本類型添加自定義的屬性和方法。

以上這篇深入理解JavaScript中為什麼string可以擁有方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved