題目 請說明下面語句的輸出:
復制代碼 代碼如下:
x = {shift:[].shift};
x.shift();
console.info(x.length);
如果你回答正確,那麼說明你已經了解 Array 函數的泛型應用。在理解這到題目之前,我 我們首先要了解數組(Array)的 shift 定義。
MDC 中已經對相關的說明描述得非常的清楚 復制代碼 代碼如下:
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 屬性的改變, 那麼基本上我們可以了解到上題中的答案為
復制代碼 代碼如下:0
擴散思維
如果對於上面的題目還無法理解,那麼我們更清楚的說明 Array.prototype.shift 對對象 的 length 的影響。
復制代碼 代碼如下:
x = {};
Array.prototype.shift.call(x);
console.info(x.length);
很明顯,對於對象如果為定義 length 屬性,則 shift 則會自動加上 length 屬性並設置 為 0 。
既然已經說到這裡,那麼下面的題目輸出什麼留給大家去思考。
復制代碼 代碼如下:
x = function (a, b, c) {};
Array.prototype.shift.call(x);
console.info(x.length);
重新認識泛型
很明顯,上面的題目有可能還是無法說明本篇文章的題目。泛型(Generic)應用其實 期前也說明過,但這裡主要說明 Array 方法對於“類數組”的操作使用。
強制轉換為數組 復制代碼 代碼如下:
var args = Array.prototype.slice.call(arguments);
這個用法比較火星,其實期前也用過,詳細參見這裡。
迭代數據
復制代碼 代碼如下:
Array.prototype.forEach.call(arguments, function(i) {
console.info(i);
});
如果對象能夠被遞歸,則出了“傳統”的 for、while 等語句以外,還可以考慮使用 Array 的 forEach 屬性(注意 IE 會是悲劇)。Array 的 forEach 方法詳見這裡。
其他的 Array 擴展用法可以散發自己的思維,如果對應浏覽器的 Array 沒有對應的實現方 法,可以參見這裡。
其實,不僅僅是 Array 方法,很多浏覽器原生對象的方法都是泛型,我們完全可以利用這 這些特性使代碼更為的清晰
使用原生方法,效率更高。