面试题：JavaScript中ESLint常见规则及配置

Question

请列举至少3条ESLint的常见规则，并说明如何在项目中对这些规则进行基本配置。例如，如何配置禁止使用未定义变量的规则。

Answer 1

常见规则

1. no-undef：禁止使用未定义变量。
2. no-unused-vars：禁止出现未使用过的变量。
3. semi：强制使用分号结尾。
4. quotes：强制使用一致的引号风格，如单引号或双引号。

基本配置方式

在项目根目录下创建或编辑 .eslintrc 文件（可以是 .eslintrc.json、.eslintrc.js 或 .eslintrc.yaml 等格式）。以 .eslintrc.json 为例：

{
    "rules": {
        "no-undef": "error",
        "no-unused-vars": "error",
        "semi": ["error", "always"],
        "quotes": ["error", "single"]
    }
}

• "no-undef": "error" 配置为 error 表示如果出现使用未定义变量的情况，ESLint 将抛出错误。
• "no-unused-vars": "error" 同理，出现未使用变量时抛出错误。
• "semi": ["error", "always"] 中，第一个值 error 表示违反规则时抛出错误，第二个值 always 表示强制分号必须出现在行尾。
• "quotes": ["error", "single"] 表示使用单引号，违反此规则时抛出错误。