常用到的js知識1

1.我們知道,Array.prototype.slice.call(arguments)能將具有length屬性的對象轉成數組,除了IE下的節點集合(因爲ie下的dom對象是以com對象的形式實現的,js對象與com對象不能進行轉換)
如:

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]

可能剛開始學習js的童鞋並不是很能理解這句爲什麼能實現這樣的功能。比如我就是一個,所以,來探究一下。

首先,slice有兩個用法,一個是String.slice,一個是Array.slice,第一個返回的是字符串,第二個返回的是數組,這裏我們看第2個。
Array.prototype.slice.call(arguments)能夠將arguments轉成數組,那麼就是arguments.toArray().slice();到這裏,是不是就可以說Array.prototype.slice.call(arguments)的過程就是先將傳入進來的第一個參數轉爲數組,再調用slice?

再看call的用法,如下例子
複製代碼

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了後,就把當前函數推入所傳參數的作用域中去了,不知道這樣說對不對,但反正this就指向了所傳進去的對象就肯定的了。
到這裏,基本就差不多了,我們可以大膽猜一下slice的內部實現,如下
複製代碼

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

複製代碼

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

最後,附個轉成數組的通用函數
複製代碼

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]; //據說這樣比push快
8 }
9 return arr;
10 }
11 }

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章