面试题：JavaScript代码质量检测中ESLint自定义规则

Question

假设你需要检测JavaScript代码中所有函数参数数量不能超过3个，如何在ESLint中自定义这样的规则来提高代码质量？请详细说明实现步骤。

Answer 1

1. 创建规则文件：
   • 在项目根目录下创建一个eslint-rules文件夹（可自定义）。
   • 在该文件夹下创建一个新的JavaScript文件，例如max - 3 - params.js。
2. 编写规则代码：

   module.exports = {
     create(context) {
       return {
         FunctionDeclaration(node) {
           const paramCount = node.params.length;
           if (paramCount > 3) {
             context.report({
               node,
               message: 'Function parameters should not exceed 3.'
             });
           }
         },
         FunctionExpression(node) {
           const paramCount = node.params.length;
           if (paramCount > 3) {
             context.report({
               node,
               message: 'Function parameters should not exceed 3.'
             });
           }
         },
         ArrowFunctionExpression(node) {
           const paramCount = node.params.length;
           if (paramCount > 3) {
             context.report({
               node,
               message: 'Function parameters should not exceed 3.'
             });
           }
         }
       };
     }
   };
   

3. 配置ESLint：
   • 在项目根目录下找到.eslintrc文件（如果没有则创建一个，支持.eslintrc.js、.eslintrc.json等格式，这里以.eslintrc.js为例）。
   • 在.eslintrc.js中添加以下内容：

   module.exports = {
     //...其他配置
     rules: {
       'max - 3 - params': 'error'
     },
     plugins: [
       // 假设规则在eslint - rules文件夹下，可根据实际路径调整
       new require('eslint - plugin - eslint - relative - paths')({
         rulesDir: './eslint - rules'
       })
     ]
   };
   

   • 如果使用.eslintrc.json，配置如下：

   {
     //...其他配置
     "rules": {
       "max - 3 - params": "error"
     },
     "plugins": [
       // 假设规则在eslint - rules文件夹下，可根据实际路径调整
       {
         "module": "eslint - plugin - eslint - relative - paths",
         "options": {
           "rulesDir": "./eslint - rules"
         }
       }
     ]
   }
   

4. 安装必要插件（可选）：
   • 如果在配置ESLint时使用了eslint - plugin - eslint - relative - paths插件（用于相对路径加载自定义规则），需要安装它：

   npm install eslint - plugin - eslint - relative - paths --save - dev
   

这样就自定义了一个ESLint规则来检测JavaScript代码中函数参数数量不超过3个。