快捷導(dǎo)航

toString()一個(gè)會(huì)自動(dòng)調(diào)用的方法

更新時(shí)間：2010年02月08日 07:40:06 作者：

toString方法的作用是不用多說(shuō)的了，這個(gè)JavaScript內(nèi)置方法還有一個(gè)特性是：在執(zhí)行一些特殊方法的時(shí)候，比如alert或innerHTML等方法，它將由腳本解析器自動(dòng)調(diào)用。

這一特性顯然有助于你偷懶，當(dāng)然也有利于實(shí)現(xiàn)一些特定的功能。為了說(shuō)明這一特性，下面從一個(gè)實(shí)際開發(fā)案例說(shuō)起。

如果在你的WEB項(xiàng)目中，有很多地方都需要輸出像下面這樣的一個(gè)列表HTML：

復(fù)制代碼代碼如下:

 
<ul> 
<li>JavaScript事件冒泡應(yīng)用實(shí)例</li> 
<li>執(zhí)行AJAX返回HTML片段中的JavaScript腳本</li> 
</ul> 

很顯然這是一個(gè)LI結(jié)構(gòu)，也許你會(huì)想每次要輸出這樣結(jié)構(gòu)的HTML，難道自己都要去拼這些LI標(biāo)簽嗎？我能不能每次調(diào)用一個(gè)方法僅輸入LI中間的文本內(nèi)容，最終簡(jiǎn)單地得到一個(gè)完整的UL HTML結(jié)構(gòu)呢。當(dāng)然可以，程序的實(shí)現(xiàn)有N種方法，看看下面這種方法，這種方法顯然簡(jiǎn)單而且科學(xué)：

復(fù)制代碼代碼如下:

 
function ulBuilder() 
{ 
var lis = ''; 
this.addLi = function(liText) 
{ 
lis += '<li>' + liText + '</li>'; 
}; 

this.toString = function() 
{ 
return '<ul>' + lis + '</ul>'; 
}; 
} 

var ulHtml = new ulBuilder(); 
ulHtml.addLi('JavaScript事件冒泡應(yīng)用實(shí)例'); 
ulHtml.addLi('執(zhí)行AJAX返回HTML片段中的JavaScript腳本'); 
alert(ulHtml); 

在上面的代碼中，我們定義了一個(gè)類叫ulBuilder，它有兩個(gè)公開方法addLi、toString，addLi方法是添加一個(gè)包含內(nèi)容的LI標(biāo)簽，而toString方法是生成最終需要的UL HTML。在這個(gè)類的實(shí)際使用過(guò)程中，你根本沒有看到toString方法的調(diào)用，但是alert(ulHtml)卻顯示了完整的UL結(jié)構(gòu)的HTML。

實(shí)際上alert()的時(shí)候，腳本解析器會(huì)自動(dòng)檢查alert變量或?qū)ο蟮膖oString方法并調(diào)用它。在上面的例子中，是我們重寫了toString方法，而恰好這個(gè)方法會(huì)由程序自動(dòng)調(diào)用執(zhí)行。

話題擴(kuò)展：
1、在一些面向?qū)ο蟮拈_發(fā)語(yǔ)言中，比如C#、JAVA都有構(gòu)造函數(shù)，這個(gè)構(gòu)造函數(shù)顯然作為類的一個(gè)成員方法，要想執(zhí)行里面的代碼，并不需要我們手動(dòng)去調(diào)用這個(gè)方法，這個(gè)方法內(nèi)部定義的代碼會(huì)在類實(shí)例化的時(shí)候自動(dòng)執(zhí)行。當(dāng)然，為了讓系統(tǒng)能自動(dòng)執(zhí)行一些特定的方法，往往程序架構(gòu)會(huì)對(duì)這些方法的命名規(guī)則有規(guī)定，比如構(gòu)造方法的名稱要與類名相同。像上面的例子中，如果把this.toString改成this.toUL，那么要想得到正確的結(jié)果只能像這樣調(diào)用了alert(ulHtml. toUL())。

2、由于toString方法可以被重寫，有時(shí)候顯的特別有用。看看下面的例子，試一下沒有重寫與重寫后輸出的結(jié)果有什么不同。這個(gè)例子顯然很不健壯，比如對(duì)數(shù)組嵌套的情況沒有作處理，而且實(shí)際意義也不大，只為讓你知道可以這樣做。

復(fù)制代碼代碼如下:

 
Array.prototype.toString = function() 
{ 
return '[\'' + this.join('\',\'') + '\']'; 
}; 
var companys = ['Adobe','Apple','Google','Intel','Microsoft','Oracle','IBM','SUN']; 
alert(companys); 

下面再舉一個(gè)例子，這個(gè)例子比上面例子實(shí)用些。正常情況下你alert(JSON)的時(shí)候，并不能看到JSON的真正結(jié)構(gòu)，只彈出[object Object]，試試下面的實(shí)現(xiàn)，也許這是你想要的結(jié)果。當(dāng)然這個(gè)方法也是很不完善的，真要使用這樣的功能，請(qǐng)到JSON官方站點(diǎn)去下載相關(guān)JS庫(kù)吧：

復(fù)制代碼代碼如下:

 
var userInfo = 
{ 
"name": "Mike", 
"age": 23, 
"phone": "020-87654321", 
"toString": function() 
{ 
var objStr = ''; 
for (var key in this) 
{ 
if (typeof(this[key]) == 'string') 
objStr += '"' + key + '":"' + this[key] + '",'; 
} 
return '{' + objStr.replace(/,$/, '') + '}'; 
} 
} 
alert(userInfo); 