Question

任何人都可以解释new Array(7)和Array.apply(null, Array(7))之间的区别吗？在上下文中：

＆＃13;

Array.apply(null, Array(7)).map((e, i) => {
  return moment(i, 'e').format('ddd');
}); // ["Sun" ,"Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]

new Array(7).map((e, i) => {
  return moment(i, 'e').format('dd');
}); // [empty × 7]

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment-with-locales.min.js"></script>

＆＃13;

Answer 1

Array.apply在Array对象上调用prototype方法。如果Array(7)正在创建一个包含七个元素的新数组，那么new Array(7).apply不是一个有效的调用，并会产生以下错误：

未捕获的TypeError :(中间值）.apply不是函数

在此处执行Array.apply(null, Array(7))是唯一有效的通话。

修改

语句Array.apply(null, Array(7))将创建一个填充了undefined元素的数组。因此，调用.map()将迭代这些元素并产生预期结果。

另一方面，仅调用new Array(7)将创建一个定义长度为7的稀疏数组。这意味着长度将被定义为7，但它并没有将任何元素填充到数组中。所以没有什么可以迭代的。

Answer 2

 Array(7)

创建一个没有元素集的稀疏数组。所以作为一个对象，它看起来像：

 {length: 7}

如果要调用任何新的酷数组方法，它就不会迭代，因为数组中没有元素。但是，如果它传播到Array构造函数中：

  Array(...Array(3))

等于

 Array(undefined, undefined, undefined)

这实际上创建了3个（或7个）未定义的数组插槽：

 {
 0:undefined,
 1:undefined,
 2:undefined,
 length:3
 }

现在你可以用map等来迭代它。同样可以：

 Array(7).fill().map(func)

和

 Array.from({length:7}, func);

Answer 3

这两种方法是等效的，因为Function.prototype.apply是Function api的一部分。

看起来你可能需要这样的东西：

Array
  .from({ length: 7 }, (_, i) => moment(i, 'e').format('ddd'))
;

new Array（7）和Array.apply（null，Array（7））之间的区别

3 个答案: