12.AST操作之如何插入节点-insertAfter-insertBefore

This commit is contained in:
aiyingfeng 2023-08-22 12:20:08 +08:00
parent 8866051817
commit 85fb42e72b
3 changed files with 67 additions and 0 deletions

View File

@ -0,0 +1,36 @@
# AST操作之如何插入节点
需求var a = 123;后面增加一个兄弟节点b = 111
```javascript
const fs = require('fs');
const {parse} = require("@babel/parser");
const traverse = require("@babel/traverse").default;
const generator = require("@babel/generator").default;
const t = require('@babel/types');
let encode_file = "./encode.js";
let js_code = fs.readFileSync(encode_file, {encoding: "utf-8"});
let ast = parse(js_code, {
sourceType: 'module',
});
const visitor = {
VariableDeclarator(path) {
let {id} = path.node;
// 这里一定要判断准确,否则会无限循环
if(id.name == 'a'){
let new_id = t.Identifier("b");
let new_init = t.NumericLiteral(111);
let new_node = t.VariableDeclarator(new_id, new_init);
path.insertAfter(new_node)
}
},
};
traverse(ast, visitor);
// 将修改后的AST重新生成为代码
const modifiedCode = generator(ast).code;
console.log(modifiedCode);
```

View File

@ -0,0 +1,30 @@
const fs = require('fs');
const {parse} = require("@babel/parser");
const traverse = require("@babel/traverse").default;
const generator = require("@babel/generator").default;
const t = require('@babel/types');
let encode_file = "./encode.js";
let js_code = fs.readFileSync(encode_file, {encoding: "utf-8"});
let ast = parse(js_code, {
sourceType: 'module',
});
const visitor = {
VariableDeclarator(path) {
let {id} = path.node;
// 这里一定要判断准确,否则会无限循环
if(id.name == 'a'){
let new_id = t.Identifier("b");
let new_init = t.NumericLiteral(111);
let new_node = t.VariableDeclarator(new_id, new_init);
path.insertAfter(new_node)
}
},
};
traverse(ast, visitor);
// 将修改后的AST重新生成为代码
const modifiedCode = generator(ast).code;
console.log(modifiedCode);