关于javascript数组的一个问题Array(3)与 Array(3).fill()的区别

Question

关于javascript数组的一个问题:
有如下三个数组：

let arr1 = Array(3)  
let arr2 = [];  
arr2.length = 3;  
let arr3 = Array(3).fill()

arr1、arr2、arr3的区别是什么呢？
在浏览器的console面板中 arr1和arr2都显示如下图：

而 arr3显示如下:
;

万望各位大侠解惑

Answer 1

这牵扯到2个概念一个是稀疏数组，一个是密集数组

最直观的表现就是稀疏数组的empty是无法被遍历的，但是会占用数组长度，这跟数组自身的实现是有关系的，而密集数组每一项不仅可以遍历也可以在遍历的过程中赋值

Answer 2

这个很好理解，fill函数接收一个参数a,对数组的每一项都填充a.
但是JS里函数的参数很灵活，可以不传，不传的情况下a就是undefined，所以填充的都是undefined.

Answer 3

是这样的：
arr1和arr2中的元素是empty：因为arr1和arr2只是定义了一个数组，这个数组中有3个元素而已，未做任何操作了。所以每个元素的值是空的了。
arr3：因为fill方法就是用来填充数组元素的。如果你在fill('s')这样填充值了，那么数组元素里面就是你传的值s，如果不传值，就是undefined了。就和我们写一个方法 function test (n){console.log(n)} ,调用的时候test('s')一样 传参数了，打印出来的就是传递的参数，不传的话 打印出来就是默认值 undefined