Array.prototype.slice.apply的使用方法

更新時間：2010年03月17日 19:53:19 作者：

arguments在JavaScript語法中是函數特有的一個對象屬性(Arguments對象)，用來引用調用該函數時傳遞的實際參數。

 
function test(){　 
　//將參數轉為一個數組　 
　 var args = Array.prototype.slice.apply(arguments);　 
　alert(args);　 
} 

arguments在JavaScript語法中是函數特有的一個對象屬性(Arguments對象)，用來引用調用該函數時傳遞的實際參數。這個對象很象數組，擁有l(wèi)ength屬性且使用下標的形式來獲取其元素，但它又并非真正的Array對象。更多關于Arguments對象的資料請參閱《JavaScript權威指南》。
　　所以，直接調用arguments.slice()將返回一個"Object doesn't support this property or method"錯誤，因為arguments不是一個真正的數組。而以上代碼調用Array.prototype.slice.apply(arguments)的意義就在于它能將函數的參數對象轉化為一個真正的數組。JavaScript腳本引擎如何實現(xiàn)我們不得而知，但這種方式確實是有效的，而且在主流瀏覽器上都測試通過。另一方面也可推知Arguments對象和Array對象的親緣關系。如果你在編寫JavaScript的時候，常常碰到需要將arguments對象轉成Array來處理的情形，這個技巧可以幫上忙?！?
　　這個技巧來自鼎鼎大名的DouglasCrockford。推而廣之，Array其他的原型方法也可以應用在arguments上，比如：　
var arg0 = Array.prototype.shift.apply(arguments);
　　shift也是Array的一個實例方法，用于獲取并返回數組的第一個元素。當然如上的調用雖然可執(zhí)行，但卻純屬多余，不如直接調用arguments[0]來的簡單直接。再推而廣之，我們也可以對很多形似Array的Collection對象應用這個技巧，比如Array.prototype.slice.apply(document.getElementsByTagName('div'));　不過很遺憾，IE并不支持這樣的調用，F(xiàn)irefox和Opera則都能得到正確的結果?！?
　　Prototype1.4中增加的$A()方法也常用來將arguments轉為數組，我們看它的實現(xiàn):　

復制代碼代碼如下:

 
var $A = Array.from = function(iterable) {　 
　if(!iterable) return[];　 
　 if(iterable.toArray) {　 
　　returniterable.toArray();　 
　} else {　 
　　varresults = [];　 
　　for(vari=0; i<iterable.length; i++)　 
　　results.push(iterable[i]);　 
　　returnresults;　 
　}　 
} 

Prototype用一個for循環(huán)來構造新數組，這樣是為了保證最大限度的兼容性。

您可能感興趣的文章: