Array.apply(null, {length: 10})和Array(10)有什么区别?

Question

看了下, 对生成的数组测试

var arr1 = Array.apply(null, {length: 10});
var arr2 = Array(10);
0 in arr1  //true
0 in arr2  //false
arr1.map(function(item, index){console.log(index)}) //0, 1, 2, 3...
arr2.map(function(item, index){console.log(index)}) //undefined...

似乎第一种方法生成的数组确实生成了10个undefined组成的数组, 而第二种方法就是纯粹的空数组, 只有一个length属性?

Answer 1

首先Array(1,2,3,4)，你知道的吧,生成一个数组[1,2,3,4]
然后是apply的问题,要求第二个参数是一个数组
那么Array.apply(null,[1,2,3,4])生成的和上述的一样的[1,2,3,4]数组
但apply有个奇怪的地方,当第二个参数是一个带有length属性的对象时,会当成一个数组使用
所以Array.apply(null,{length:4})生成[undefined,undefined,undefined,undefined]
相当于Array.apply(null,[undefined,undefined,undefined,undefined])

Answer 2

关于它们俩的区别，我在我的博客里写的比较详细，题主有空可以去看看：http://www.cnblogs.com/afeiho...
大致就是：
Array(10)：很简单，就是创建一个 length 为 10 的数组，并且JavaScript会自动为数组的每一项赋值 undefined ，而这个 undefined 和 我们自己手动赋值的undefined 有点不一样。可以理解为JavaScript自动赋上的 undefined 相当于为数组的每个值霸个位置，日后方便我们的使用（博主自己是这么理解的，有什么不对的地方，大家记得指出）。

Array.apply(null, {length: 10})：已这种方式创建出来的数组呢，数组中的每一项一创建出来就被我们赋上了确确实实的值 undefined 。
简而言之就是，

var arr1 = new Array(5);
var arr2 = Array.apply(null, {length: 5})

arr1 和 arr2 的区别就在于：
如果把 arr1 的每一项都赋上一个值 undefined

arr1[0] = undefined,
arr1[1] = undefined,
arr1[2] = undefined,
arr1[3] = undefined,
arr1[4] = undefined

那么arr1和arr2就一模一样了，最后附上截图一张：