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而影响了撸码的心情。