Array.prototype.slice.call

iamyoung001 發(fā)布于2019-08-21 10:25 / 1406人閱讀

摘要：看源碼看到的，學(xué)習(xí)一下該語句涉及兩個知識點。是一個關(guān)鍵字，代表當前參數(shù)知識點的用法知識點的用法。返回一個子片段，對原先的沒有影響還可以用負數(shù)當參數(shù)。如果這個參數(shù)沒有被設(shè)置，則返回從開始到最后除了正常用法，經(jīng)常用來將對象轉(zhuǎn)換為。

看jquery源碼看到的，學(xué)習(xí)一下：
Array.prototype.slice.call(arguments,0)該語句涉及兩個知識點。
arguments是一個關(guān)鍵字，代表當前參數(shù)

知識點1、call()的用法

var a = function(){
     console.log(this);    // "littledu"
     console.log(typeof this);      //  Object
     console.log(this instanceof String);    // true
}
a.call("littledu");

知識點2、slice( )的用法

  slice( ) returns a string containing a slice, or substring, of string.

  It does not modify string。 slice()返回一個子片段，對原先的string沒有影響,還可以用負數(shù)當參數(shù)。

//string.slice(start,end),如果end這個參數(shù)沒有被設(shè)置，則返回從start開始到最后
var s = "abcdefg";  
s.slice(0,4)    // Returns "abcd"  
s.slice(2,4)    // Returns "cd"  
s.slice(4)      // Returns "efg"  
s.slice(3,-1)   // Returns "def"  
s.slice(3,-2)   // Returns "de"  
s.slice(-3,-1)  // Should return "ef";

//Array.slice()
var a = [1,2,3,4,5];  
a.slice(0,3);    // Returns [1,2,3]  
a.slice(3);      // Returns [4,5]  
a.slice(1,-1);   // Returns [2,3,4]  
a.slice(-3,-2);  // Returns [3];

除了正常用法，slice 經(jīng)常用來將 array-like 對象轉(zhuǎn)換為 true array。在jquery框架就有這種用法。

Array.prototype.slice.call(arguments,0);//將參數(shù)轉(zhuǎn)換成真正的數(shù)組

call的作用是改變this的指向，就相當于arguments調(diào)用了，slice這個方法。0就是start=0，end沒指定，所以返回整個arguments，這個時候就轉(zhuǎn)換成數(shù)組了。

為什么不直接這樣

arguments.slice(0)

因為：能用slice方法的，只要有l(wèi)ength屬性就行。雖然arguments有l(wèi)ength屬性，但是沒有slice方法，所以呢，Array.prototype.slice（）執(zhí)行的時候，Array.prototype已經(jīng)被call改成arguments了，因為滿足slice執(zhí)行的條件(有l(wèi)ength屬性)，所以沒有報錯。