|
|
如果在你的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í)際使用過程中，你根本沒有看到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);
作者：WebFlash
JavaScript技術(shù)：toString()一個(gè)會(huì)自動(dòng)調(diào)用的方法，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
