它从Array中检索slice函数。然后调用该函数，但是使用document的结果。将querySelectorAll作为this对象，而不是实际的数组。

这也可能有所帮助。

片的方法

描述:

slice does not alter the original array. It returns a shallow copy of elements from the original array. Elements of the original array are copied into the returned array.

slice()方法将数组部分的浅拷贝返回到从开始到结束(不包括end)选择的新数组对象中，其中start和end表示该数组中项目的索引。原始数组将不会被修改。 参见Reference/Global_Objects/Array/slice

调用方法

描述:

call()允许为不同的对象赋值和调用属于一个对象的函数/方法。

call()方法使用给定的值和单独提供的参数调用函数。 Call()将this的新值提供给函数/方法。使用call()，您可以只编写一次方法，然后在另一个对象中继承它，而不必为新对象重写方法。

参见:Reference/Global_Objects/Function/call

[].slice.call(document.querySelectorAll('.slide'));

querySelectorAll()方法返回文档中与指定选择器匹配的所有元素。 call()方法使用给定的值和单独提供的参数调用函数。 slice()方法将数组中选定的元素作为一个新的数组对象返回。

所以这一行返回数组[object HTMLDivElement]。这里有六个div，类名为“slide”，因此数组长度将为6。

var arraylist = [].slice.call(document.querySelectorAll('.slide')); console.log (arraylist); < div class = "幻灯片”> < div class = "幻灯片”> 第一个slider1 < / div > < div class = "幻灯片”> 第一个slider2 < / div > < div class = "幻灯片”> 第一个slider3 < / div > < div class = "幻灯片”> 第一个slider4 < / div > < div class = "幻灯片”> 第一个slider5 < / div > < div class = "幻灯片”> 第一个slider6 < / div > < / div >

使用array . From (element.children)或array . From ({length: 5})创建数组

这里发生的事情是，您调用slice()，就好像它是使用call()的NodeList函数一样。在本例中，slice()所做的是创建一个空数组，然后遍历它所运行的对象(最初是一个数组，现在是一个NodeList)，并不断将该对象的元素追加到它所创建的空数组中，最终返回该空数组。这里有一篇关于这个的文章。

编辑:

所以它以一个空数组[]开始，然后slice被用于 将调用结果转换为一个新数组?

这是不对的。[]。Slice返回一个函数对象。函数对象有一个函数call()，该函数调用将call()的第一个参数赋值给this的函数;换句话说，使函数认为它是从参数(由document.querySelectorAll('a')返回的NodeList)而不是从数组中调用的。

它从Array中检索slice函数。然后调用该函数，但是使用document的结果。将querySelectorAll作为this对象，而不是实际的数组。