Array.prototype.push.apply(a,b)和Array.prototype.slice.call(arguments)


Array.prototype.push.apply(a,b)

時常看到在操作數組的時候有這樣的寫法:

var a = [1,2,3];
var b = [4,5,6];

a.push.apply(a, b);

console.log(a) //[1,2,3,4,5,6]

其實這樣的寫法等價於:

var a = [1,2,3];
var b = [4,5,6];

Array.prototype.push.apply(a, b);

console.log(a) //[1,2,3,4,5,6]

這樣寫法等價的原因是因為在實例上尋找屬性的時候,現在這個實例自己身上找,如果找不到,就根據內部指針__proto__隨着原型鏈往上找,直到找到這個屬性。

在這里就是尋找push方法,兩種寫法最后找到的都是Array構造函數對應的prototype的原生方法push。所以說兩種寫法是等價的。

但是為什么要使用a.push.apply(a,b);這種寫法呢?為什么不直接使用push()?

如果直接push:

var a = [1,2,3];
var b = [4,5,6];

a.push(b);

console.log(a) //[1, 2, 3, Array(3)]

這樣就看出來區別了,原生push方法接受的參數是一個參數列表,它不會自動把數組擴展成參數列表,使用apply的寫法可以將數組型參數擴展成參數列表,這樣合並兩個數組就可以直接傳數組參數了。

但是合並數組為什么不直接使用Array.prototype.concat()呢?

因為concat不會改變原數組,concat會返回新數組,而上面apply這種寫法直接改變數組a。

同理,Math.max和Math.min也可以使用apply這種寫法來傳入數組參數。

比如這樣:

Math.max.apply(null,a)

這樣就可以很方便的傳入數組參數了。

Array.prototype.slice.call(arguments)

類似的還有這樣的寫法,MDN解釋slice方法可以用來將一個類數組(Array-like)對象/集合轉換成一個新數組。你只需將該方法綁定到這個對象上。 

所以可以使用slice將函數的參數變成一個數組,然后就可以當做數組來操作了。

Object.prototype.hasOwnProperty.call(object,prop)

類似還有這樣的寫法,這樣寫是因為js沒有保護hasOwnProperty 屬性名,hasOwnProperty 有可能被修改為其他方法,所以這樣寫可以調用到原生的Objext原型上的hasOwnProperty 方法。這樣寫等價於({}).hasOwnProperty.call(object,prop)

Object.prototype.toString.call()

這樣的寫法是為了判斷一個變量是什么類型的數據:

var toString = Object.prototype.toString;

toString.call(123); //"[object Number]"
toString.call('abcdef'); //"[object String]"
toString.call(true); //"[object Boolean]"
toString.call([1, 2, 3, 4]); //"[object Array]"
toString.call({name:'wenzi', age:25}); //"[object Object]"
toString.call(function(){ console.log('this is function'); }); //"[object Function]"
toString.call(undefined); //"[object Undefined]"
toString.call(null); //"[object Null]"
toString.call(new Date()); //"[object Date]"
toString.call(/^[a-zA-Z]{5,20}$/); //"[object RegExp]"
toString.call(new Error()); //"[object Error]"

使用Object.prototype.toString.call()的方式來判斷一個變量的類型是最准確的方法。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM