Array.apply(),new Array(),arr =[] 三者的區(qū)別

為什么會寫這篇文章呢？看Vue文檔渲染函數(shù)的時候發(fā)現(xiàn)一個問題很好奇,Array.apply(null, { length: 20 })為什么這樣定義數(shù)組?然后查閱資料做了一個小結(jié)記錄一下，麻雀雖小，五臟俱全。

Array.apply()

apply()在MDN中解釋是這樣的:

func.apply(thisArg, [argsArray])

thisArg 必選的。在 func 函數(shù)運行時使用的 this 值。請注意，this可能不是該方法看到的實際值：如果這個函數(shù)處于非嚴(yán)格模式下，則指定為 null 或 undefined 時會自動替換為指向全局對象，原始值會被包裝。

argsArray 可選的。一個數(shù)組或者類數(shù)組對象，其中的數(shù)組元素將作為單獨的參數(shù)傳給 func 函數(shù)。如果該參數(shù)的值為 null 或 undefined，則表示不需要傳入任何參數(shù)。從ECMAScript 5 開始可以使用類數(shù)組對象

function printArguments() {
    console.log(arguments)
    Array.prototype.forEach.call(arguments, function (item) {
        console.log(item);
    });
}
printArguments(undefined,undefined)

由此可見{length:20}是個類數(shù)組如argument只提供了length的屬性相當(dāng)于創(chuàng)建了一個長度為20，每個元素為undefined的數(shù)組

(20) [undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined]

new Array()

new Array(20)和Array(20)只是創(chuàng)建了一個長度為20,元素是空的數(shù)組

(20) [empty × 20]

arr = []

let arr=[];
arr.length= 20
(20) [empty × 20]

由此可見new Array(20)和let arr=[];arr.length= 20等價

Array.from()

Array.from() 方法從一個類似數(shù)組或可迭代對象創(chuàng)建一個新的，淺拷貝的數(shù)組實例。

Array.from({length:20})
(20) [undefined, undefined, undefined, undefined, undefined, undefined, undefi

文章來源：公眾號--小丑的小屋 作者：小丑

以上就是W3Cschool編程獅關(guān)于Array.apply(),new Array(),arr =[] 三者的區(qū)別的相關(guān)介紹了，希望對大家有所幫助。