Closing curly brace does not appear on the same line as the subsequent block - 代碼規範性問題

最近爲了規範化代碼風格，項目組內啓用了VSCode插件eslint，瞭解eslint的同學都知道，它是在 ECMAScript/JavaScript 代碼中識別和報告模式匹配的工具，給出一些代碼規範建議，其目的是爲了保證代碼的一致性和避免一些可能出現的錯誤。在許多方面，它和 JSLint、JSHint 相似。比如，在書寫下面的代碼時會提示警告（見下圖中波浪線）：

警告⚠️：Closing curly brace does not appear on the same line as the subsequent block. 其中，錯誤信息是JSON字符串結構，具體內容如下：

{
	"resource": "/g:/project/*/main.js",
	"owner": "eslint",
	"code": {
		"value": "brace-style",
		"target": {
			"$mid": 1,
			"external": "https://eslint.org/docs/rules/brace-style",
			"path": "/docs/rules/brace-style",
			"scheme": "https",
			"authority": "eslint.org"
		}
	},
	"severity": 8,
	"message": "Closing curly brace does not appear on the same line as the subsequent block.",
	"source": "eslint",
	"startLineNumber": 1383,
	"startColumn": 9,
	"endLineNumber": 1383,
	"endColumn": 10
}

警告信息的大致意思是右大括號與後續代碼塊不在同一行上，根據提示修改如下：

如上圖中所示，警告信息消失了，其實，也並不是說之前的寫法有什麼錯誤。eslint之所以給出相應的提示是爲了在多人維護同一份代碼或工程時，能夠統一命名規範，這樣能夠便於大家互相理解彼此代碼的意思，提升工作效率。當然，這只是一種警告和提示信息而已，你也可以不理睬，但是這樣的話就失去了你啓用這個插件的意義。

實際項目中，可以做一定的取捨。畢竟不能因爲eslint而影響了擼碼的心情。