Array.prototype.push.apply(a,b)和Array.prototype.slice.call(arguments)
阿新 • • 發佈:2019-01-27
console 返回 集合 nbsp 內部 綁定 pro 集合轉換 找不到
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將函數的參數變成一個數組,然後就可以當做數組來操作了。
Array.prototype.push.apply(a,b)和Array.prototype.slice.call(arguments)