javascript - 函数内的空括号是什么意思？

Question

我遇到了以下代码，我很好奇这是什么[]意思：

function checkForImage(mutation) {
        if (mutation.addedNodes && (mutation.addedNodes.length > 0)) {
            [].slice.call(mutation.addedNodes).forEach(function(node) { ...

Answer 1

目的只是为了得到一个数组（[]是一个数组），以便能够得到slice函数。

这是必要的，因为mutation.addedNodes可能是“类数组”：数组函数可以工作，但它不是Array. 在这里，这个构造带有slice一个数组（以便该forEach函数可用）。例如，这种结构对于活动节点列表很常见。您可以在此页面的控制台中对其进行测试：

document.getElementsByTagName('img').constructor // -> NodeList
document.getElementsByTagName('img').forEach // -> undefined
[].slice.call(document.getElementsByTagName('img')).constructor // -> Array
[].slice.call(document.getElementsByTagName('img')).forEach // -> a function

它也可能是

Array.prototype.slice.call(mutation.addedNodes).forEach(function(node) {

这将避免创建一个无用的实例（其成本可能低得离谱），但会更加冗长。

但更简单、更清洁的解决方案可能是

[].forEach.call(mutation.addedNodes, function(node) {

除非某些隐藏代码证明使用真实数组是合理的。