关于Prettier插件格式化时行首前莫名出现 ；分号

  对应代码格式化，在使用Prettier插件时，我们可以会有如下配置：

"semi": false,// 去掉分号

问题描述

  在使用格式化插件去掉分号后我们可能会遇到下面的奇葩问题：默认的在行首出现了;。

// 情景1
;(function () {
  // open IIFE
  // inside IIFE
})()

// 情景2
let x = 1
let y = 2
;[y, x] = [x, y]

问题解决

  在网上找了一圈后最终在 standard 的 JS 规范的官网找到了相关描述

不要使用 (, [ 等作为一行的开始。在没有分号的情况下代码压缩后会导致报错，而坚持这一规范则可避免出错。

其实 ESLint 上述情况在规则 no-unexpected-multiline 中也有相关描述。

• 解决方案

// 问题1
!(function () {
  // open IIFE
  // inside IIFE
})()

void (function () {
  // open IIFE
  // inside IIFE
})()

var bear = (function () {
  var name = 'Barry'
  return name
})()
// IIFE 执行后返回的结果：
bear

// 问题2
let x = 1
let y = 2

var arr = [y, x]
arr = [x, y]