Array.prototype.slice.call(arguments)

Array.prototype.slice.call(arguments)能將具有l(wèi)ength屬性的對象轉(zhuǎn)成數(shù)組,除了IE下的節(jié)點(diǎn)集合(因?yàn)閕e下的dom對象是以com對象的形式實(shí)現(xiàn)的,js對象與com對象不能進(jìn)行轉(zhuǎn)換)

1 var a={length:2,0:'first',1:'second'};
2 Array.prototype.slice.call(a);//  ["first", "second"]
3  
4 var a={length:2};
5 Array.prototype.slice.call(a);//  [undefined, undefined]

可能剛開始學(xué)習(xí)js的童鞋并不是很能理解這句為什么能實(shí)現(xiàn)這樣的功能。所以,來探究一下。
首先,slice有兩個(gè)用法,一個(gè)是String.slice,一個(gè)是Array.slice,第一個(gè)返回的是字符串,第二個(gè)返回的是數(shù)組,這里我們看第2個(gè)。
Array.prototype.slice.call(arguments)能夠?qū)rguments轉(zhuǎn)成數(shù)組,那么就是arguments.toArray().slice();到這里,是不是就可以說Array.prototype.slice.call(arguments)的過程就是先將傳入進(jìn)來的第一個(gè)參數(shù)轉(zhuǎn)為數(shù)組,再調(diào)用slice?

1 var a = function(){
2      console.log(this);    // 'littledu'
3      console.log(typeof this);      //  Object
4      console.log(this instanceof String);    // true
5 }
6 a.call('littledu');

可以看出,call了后,就把當(dāng)前函數(shù)推入所傳參數(shù)的作用域中去了,不知道這樣說對不對,但反正this就指向了所傳進(jìn)去的對象就肯定的了。

到這里,基本就差不多了,我們可以大膽猜一下slice的內(nèi)部實(shí)現(xiàn),如下

1 Array.prototype.slice = function(start,end){
2      var result = new Array();
3      start = start || 0;
4      end = end || this.length; //this指向調(diào)用的對象,當(dāng)用了call后,能夠改變this的指向,也就是指向傳進(jìn)來的對象,這是關(guān)鍵
5      for(var i = start; i < end; i++){
6           result.push(this[i]);
7      }
8      return result;
9 }

大概就是這樣吧,理解就行,不深究。

最后,附個(gè)轉(zhuǎn)成數(shù)組的通用函數(shù)

 1 var toArray = function(s){
 2     try{
 3         return Array.prototype.slice.call(s);
 4     } catch(e){
 5             var arr = [];
 6             for(var i = 0,len = s.length; i < len; i++){
 7                 //arr.push(s[i]);
                   arr[i] = s[i];  //據(jù)說這樣比push快
 8             }
 9              return arr;
10     }
11 }
```s
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Array.prototype.slice.call(arguments)能將具有l(wèi)ength屬性的對象轉(zhuǎn)成數(shù)組....
    穆熙沐閱讀 540評論 0 3
  • Array.prototype. slice.call(arguments)能夠?qū)⒕哂衛(wèi)ength屬性的對象轉(zhuǎn)化為...
    Hathaway_桉閱讀 359評論 0 1
  • 所有顏料撤去 只留下 本來的滄桑 當(dāng)皺紋 找到侵?jǐn)_的方向 我靜靜的,看著 校好的鐘 掙脫了秋天后 那么從容 凋萎的...
    嵐峰閱讀 162評論 0 0
  • 新媒體的出現(xiàn),讓每一個(gè)能寫幾段話的人都覺得自己手中握著真金,掌握著新的知識渠道,隨時(shí)都可以爆發(fā)出無與倫比的力量,為...
    水清亦有魚閱讀 818評論 17 22
  • 聽 是誰在說: 在這個(gè)蒼茫的人世,還會有誰一直等著你,又會有誰那樣忍著難過甘心讓你遠(yuǎn)遠(yuǎn)走掉。 又是...
    ItsNotBigDeal閱讀 425評論 0 2

友情鏈接更多精彩內(nèi)容