如何自动利用对象desc字段生成JSDoc描述，避免重复复制粘贴？

当然有办法摆脱手动复制粘贴的麻烦！下面给你几个实用的方案，根据你的使用场景选就行：

1. IDE/编辑器插件（日常开发首选） #

这是最省心的方式，主流编辑器都有能自动帮你干这个的插件：

• 比如VS Code里的Document This或者JSDoc Generator，安装后，你只要把光标放在resource.foo这行的上方，按下对应的快捷键（比如Ctrl+Alt+D，不同插件快捷键可能不同），插件会自动识别对象里的desc字段，把内容塞进JSDoc注释里。
• 举个实际效果：
  你原本写的代码：

  resource.foo= { name: "Foo", desc: "Some description" }
  

  用插件一键生成后就变成：

  /**
   * Some description
   */
  resource.foo= { name: "Foo", desc: "Some description" }
  

2. 构建工具/代码预处理器（项目级批量处理） #

如果你的项目用了Webpack、Rollup或者Babel，可以通过自定义插件在构建阶段自动完成这个操作：

• 比如写一个简单的Babel插件，遍历代码的AST（抽象语法树），找到所有包含desc属性的resource.*对象，然后在它们前面自动插入对应的JSDoc注释，内容直接取desc的值。这种方式适合需要批量处理整个项目代码的场景，一劳永逸。

3. 自定义脚本（已有代码一次性处理） #

要是你手里有一堆旧代码需要统一加注释，可以写个简单的Node.js脚本批量替换：

• 这里给你一个基础的示例脚本，你可以根据自己的代码格式调整正则：

  const fs = require('fs');
  const filePath = './your-target-file.js';
  
  // 读取文件内容
  let code = fs.readFileSync(filePath, 'utf8');
  
  // 正则匹配并替换，提取desc内容生成JSDoc
  code = code.replace(
    /resource\.(\w+)\s*=\s*\{\s*name:\s*["'](.*?)["'],\s*desc:\s*["'](.*?)["']\s*\}/g,
    '/**\n * $3\n */\nresource.$1 = { name: "$2", desc: "$3" }'
  );
  
  // 写入修改后的内容
  fs.writeFileSync(filePath.replace('.js', '-updated.js'), code);
  

• 注意：正则表达式要匹配你实际的代码格式（比如引号是单引号还是双引号、有没有空格等），避免匹配出错。

内容的提问来源于stack exchange，提问作者Harry