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