快捷導(dǎo)航

Array.prototype 的泛型應(yīng)用分析

更新時間：2010年04月30日 15:11:57 作者：

Array.prototype 的泛型應(yīng)用分析，需要的朋友可以參考下。

題目
請說明下面語句的輸出：

 
x = {shift:[].shift}; 
x.shift(); 
console.info(x.length); 

如果你回答正確，那么說明你已經(jīng)了解 Array 函數(shù)的泛型應(yīng)用。在理解這到題目之前，我我們首先要了解數(shù)組（Array）的 shift 定義。

MDC 中已經(jīng)對相關(guān)的說明描述得非常的清楚

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

 
shift is intentionally generic; this method can be called or 
applied to objects resembling arrays. Objects which do not 
contain a length property reflecting the last in a series of 
consecutive, zero-based numerical properties may not behave 
in any meaningful manner. 

同時，EMCAScript 中的定義也同時定義了對于 shift 操作對于對象 length 屬性的改變，那么基本上我們可以了解到上題中的答案為

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

0

擴(kuò)散思維
如果對于上面的題目還無法理解，那么我們更清楚的說明 Array.prototype.shift 對對象的 length 的影響。

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

 
x = {}; 
Array.prototype.shift.call(x); 
console.info(x.length); 

很明顯，對于對象如果為定義 length 屬性，則 shift 則會自動加上 length 屬性并設(shè)置為 0 。

既然已經(jīng)說到這里，那么下面的題目輸出什么留給大家去思考。

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

 
x = function (a, b, c) {}; 
Array.prototype.shift.call(x); 
console.info(x.length); 

重新認(rèn)識泛型
很明顯，上面的題目有可能還是無法說明本篇文章的題目。泛型（Generic）應(yīng)用其實(shí) 期前也說明過，但這里主要說明 Array 方法對于“類數(shù)組”的操作使用。

強(qiáng)制轉(zhuǎn)換為數(shù)組

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

var args = Array.prototype.slice.call(arguments);

這個用法比較火星，其實(shí)期前也用過，詳細(xì)參見這里。

迭代數(shù)據(jù)

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

 
Array.prototype.forEach.call(arguments, function(i) { 
console.info(i); 
}); 

如果對象能夠被遞歸，則出了“傳統(tǒng)”的 for、while 等語句以外，還可以考慮使用 Array 的 forEach 屬性（注意 IE 會是悲劇）。Array 的 forEach 方法詳見這里。

其他的 Array 擴(kuò)展用法可以散發(fā)自己的思維，如果對應(yīng)瀏覽器的 Array 沒有對應(yīng)的實(shí)現(xiàn)方法，可以參見這里。

其實(shí)，不僅僅是 Array 方法，很多瀏覽器原生對象的方法都是泛型，我們完全可以利用這這些特性使代碼更為的清晰
使用原生方法，效率更高。