DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Array.prototype 的泛型應用分析
Array.prototype 的泛型應用分析
編輯:關於JavaScript     
題目
請說明下面語句的輸出:
復制代碼 代碼如下:
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 方法,很多浏覽器原生對象的方法都是泛型,我們完全可以利用這 這些特性使代碼更為的清晰
使用原生方法,效率更高。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved