如何用JSCodeshift将大型JS代码库的let变量声明转换为const

现有代码的核心问题 #

• 调用jscodeshift的find方法语法错误，该方法第一个参数需传入AST节点类型构造器，第二个参数才是属性过滤条件
• 缺少多变量声明拆分逻辑，仅修改kind属性仍然会保留逗号分隔的多变量写法，不符合你的规范要求
• 代码末尾存在多余的闭合大括号语法错误

修复后的完整codemod代码 #

module.exports = function(file, api) {
  const j = api.jscodeshift;
  const root = j(file.source);

  // 查找所有let声明且包含多个变量的声明节点
  root
    .find(j.VariableDeclaration, { kind: 'let' })
    .filter(path => path.node.declarations.length > 1)
    .forEach(path => {
      // 把每个变量声明器单独拆成一个const声明节点
      const newDeclarations = path.node.declarations.map(declarator => {
        return j.variableDeclaration('const', [declarator]);
      });
      // 用新的多个独立声明替换原来的多变量声明
      j(path).replaceWith(newDeclarations);
    });

  return root.toSource();
};

注意事项 #

• 上述代码默认所有匹配到的let声明变量都不会被后续重新赋值，如果你的项目中存在let声明后重新赋值的场景，需要额外添加变量赋值检测逻辑，避免转换为const后出现语法错误
• 批量执行转换前请先提交所有本地代码变更，方便出现转换问题时回滚

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