如何在jscodeshift中逐行获取并转换代码？

嘿，作为jscodeshift新手，你想逐行处理代码转换的思路没问题，但你当前的写法确实没法直接对节点做修改——因为forEach只是遍历，不会帮你把修改后的节点整合回AST树里。咱们来一步步解决这个问题：

首先说下你现有代码的问题：你嵌套遍历了p.value.program.body，虽然能打印出每个节点，但这种遍历方式只是读取节点，没有把修改后的结果关联回根AST，所以后续调用toSource()时还是输出原代码。

jscodeshift的核心是操作抽象语法树（AST），而不是直接处理文本行，但如果你的场景里每一行刚好对应一个AST节点（比如你示例里的每个var声明），我们可以通过操作AST节点来实现类似“逐行转换”的效果，下面给你两种实用的方法：

方法1：定位目标节点并直接修改 #

这种方式适合你明确知道要处理的节点类型（比如变量声明、函数声明等），用find方法定位后直接修改节点属性：

export default function transformer(file, api) {
  const j = api.jscodeshift;
  const root = j(file.source);

  // 找到所有变量声明节点，逐个处理
  root.find(j.VariableDeclaration).forEach(path => {
    // 示例1：把var替换成const
    path.node.kind = 'const';
    
    // 示例2：把字符串字面量转成大写
    path.node.declarations.forEach(decl => {
      if (decl.init && decl.init.type === 'Literal' && typeof decl.init.value === 'string') {
        decl.init.value = decl.init.value.toUpperCase();
      }
    });
  });

  return root.toSource();
}

针对你提供的输入代码：

var a = "hello";
var b = "stackoverflow";
var c = a + b;

这段转换器会输出：

const a = "HELLO";
const b = "STACKOVERFLOW";
const c = a + b;

方法2：直接遍历Program的Body节点 #

如果你确实需要遍历每一个顶级节点（也就是你理解的“逐行”），可以直接操作Program节点的body数组：

export default function transformer(file, api) {
  const j = api.jscodeshift;
  const root = j(file.source);

  // 获取顶级节点数组
  const topLevelNodes = root.find(j.Program).get('body').value;

  // 逐个处理每个节点
  topLevelNodes.forEach(node => {
    // 这里可以根据节点类型做不同处理
    if (node.type === 'VariableDeclaration') {
      // 示例：给每个变量声明添加注释
      node.comments = node.comments || [];
      node.comments.push(j.commentLine('已完成转换'));
    }
  });

  return root.toSource();
}

额外小贴士 #

要注意的是，尽量用jscodeshift提供的API来创建或修改节点（比如j.variableDeclaration()、j.commentLine()），而不是手动拼接AST结构，这样能避免语法错误。比如如果要替换整个节点，可以用replaceWith方法：

root.find(j.VariableDeclaration).replaceWith(path => {
  // 返回新的节点替换原节点
  return j.variableDeclaration('const', path.node.declarations);
});

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