关于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]