DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Array.prototype.slice.apply的使用方法
Array.prototype.slice.apply的使用方法
編輯:關於JavaScript     
復制代碼 代碼如下:
function test(){ 
 //將參數轉為一個數組 
  var args = Array.prototype.slice.apply(arguments); 
 alert(args); 
}

arguments在JavaScript語法中是函數特有的一個對象屬性(Arguments對象),用來引用調用該函數時傳遞的實際參數。這個對象很象數組,擁有length屬性且使用下標的形式來獲取其元素,但它又並非真正的Array對象。更多關於Arguments對象的資料請參閱《JavaScript權威指南》。
  所以,直接調用arguments.slice()將返回一個"Object doesn't support this property or method"錯誤,因為arguments不是一個真正的數組。而以上代碼調用Array.prototype.slice.apply(arguments)的意義就在於它能將函數的參數對象轉化為一個真正的數組。JavaScript腳本引擎如何實現我們不得而知,但這種方式確實是有效的,而且在主流浏覽器上都測試通過。另一方面也可推知Arguments對象和Array對象的親緣關系。如果你在編寫JavaScript的時候,常常碰到需要將arguments對象轉成Array來處理的情形,這個技巧可以幫上忙。 
  這個技巧來自鼎鼎大名的DouglasCrockford。推而廣之,Array其他的原型方法也可以應用在arguments上,比如: 
var arg0 = Array.prototype.shift.apply(arguments);
  shift也是Array的一個實例方法,用於獲取並返回數組的第一個元素。當然如上的調用雖然可執行,但卻純屬多余,不如直接調用arguments[0]來的簡單直接。再推而廣之,我們也可以對很多形似Array的Collection對象應用這個技巧,比如Array.prototype.slice.apply(document.getElementsByTagName('div')); 不過很遺憾,IE並不支持這樣的調用,Firefox和Opera則都能得到正確的結果。 
  Prototype1.4中增加的$A()方法也常用來將arguments轉為數組,我們看它的實現: 
復制代碼 代碼如下:
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循環來構造新數組,這樣是為了保證最大限度的兼容性。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved