javascript - 方括号前有分号

Question

谁能告诉我为什么 yarn 格式在方括号前添加分号。如果没有它， yarn 构建就会失败..

    ;[
      this.querySelector('[class$="-cover"] img'),
      this.querySelector('.FullscreenCarousel-cover-count')
     ].forEach(item => {
         // actions
    })
    })

Answer 1

考虑以下(基本)代码:

doSomething()
[1].forEach(i => doAnotherThing(i))

这样读起来，看起来很简单——调用某个函数，然后迭代一个数组并调用另一个函数。两个单独的步骤。

但是，JS 不考虑空白。如果你看到这样的代码怎么办:

doSomething()[1].forEach(i => doAnotherThing(i))

现在这意味着什么？现在看起来您需要调用 doSomething() 来返回一个数组，获取该数组的第 1 项，并且希望它是一个数组，因为我们正在迭代它。

相对于:

doSomething();[1].forEach(i => doAnotherThing(i))

这也压缩了空白，但现在很明显，您的意思是这是两个完全独立的步骤。在前面添加分号的主要原因是为了阐明您的意图。