From cf1127743730e090149696aee19c3a56be274146 Mon Sep 17 00:00:00 2001
From: luzhisheng <aiyingfeng110@qq.com>
Date: Fri, 4 Mar 2022 15:31:31 +0800
Subject: [PATCH] =?UTF-8?q?AST-=E5=8E=9F=E7=90=86+babel=E5=AE=89=E8=A3=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zy-AST-原理+babel安装/AST-原理+babel安装.md | 83 ++++++++++++++++++++-
 zy-AST-原理+babel安装/babel_test2.js        | 24 +++---
 2 files changed, 95 insertions(+), 12 deletions(-)

diff --git a/zy-AST-原理+babel安装/AST-原理+babel安装.md b/zy-AST-原理+babel安装/AST-原理+babel安装.md
index cf3231f..f713f80 100644
--- a/zy-AST-原理+babel安装/AST-原理+babel安装.md
+++ b/zy-AST-原理+babel安装/AST-原理+babel安装.md
@@ -160,4 +160,85 @@ Babel 手册
       }
     ]
 
-输出效果
\ No newline at end of file
+遍历内容拿到变量名 name 和 value 值
+
+    // 将JS源码转换成语法树
+    var parser = require("@babel/parser");
+    // 为parser提供模板引擎
+    var template = require("@babel/template").default;
+    // 遍历AST
+    var traverse = require("@babel/traverse").default;
+    // 操作节点，比如判断节点类型，生成新的节点等
+    var t = require("@babel/types");
+    // 可以直接用type声明一断新的代码
+    // 将语法树转换为源代码
+    var generator = require("@babel/generator").default;
+    // 操作文件
+    var fs = require("fs");
+    
+    var jscode = fs.readFileSync("read.js", {     //更改读取文件
+        encoding: "utf-8"
+    });
+    
+    let ast = parser.parse(jscode);
+    
+    var traverses =
+        {
+            // 遍历节点，当遇到下列类型的时候会调用函数
+            VariableDeclarator(path) {
+                console.log(path.node.id.name);
+                console.log(path.node.init.value);
+            }
+        };
+    
+    traverse(ast, traverses);
+    
+输出
+
+    a
+    1
+    
+修改 value 值
+
+    // 将JS源码转换成语法树
+    var parser = require("@babel/parser");
+    // 为parser提供模板引擎
+    var template = require("@babel/template").default;
+    // 遍历AST
+    var traverse = require("@babel/traverse").default;
+    // 操作节点，比如判断节点类型，生成新的节点等
+    var t = require("@babel/types");
+    // 可以直接用type声明一断新的代码
+    // 将语法树转换为源代码
+    var generator = require("@babel/generator").default;
+    // 操作文件
+    var fs = require("fs");
+    
+    var jscode = fs.readFileSync("read.js", {     //更改读取文件
+        encoding: "utf-8"
+    });
+    
+    let ast = parser.parse(jscode);
+    
+    var traverses =
+        {
+            // 遍历节点，当遇到下列类型的时候会调用函数
+            VariableDeclarator(path) {
+                console.log(path.node.id.name);
+                path.node.init = t.stringLiteral("ayf");
+                console.log(path.node.init.value);
+            }
+        };
+    
+    traverse(ast, traverses);
+    
+    let code = generator(ast);
+    console.log(code);
+    console.log(code.code);
+
+输出
+
+    a
+    ayf
+    { code: 'var a = "ayf";', map: null, rawMappings: undefined }
+    var a = "ayf";
\ No newline at end of file
diff --git a/zy-AST-原理+babel安装/babel_test2.js b/zy-AST-原理+babel安装/babel_test2.js
index d0deeeb..1e64e4e 100644
--- a/zy-AST-原理+babel安装/babel_test2.js
+++ b/zy-AST-原理+babel安装/babel_test2.js
@@ -18,16 +18,18 @@ var jscode = fs.readFileSync("read.js", {     //更改读取文件
 
 let ast = parser.parse(jscode);
 
+var traverses =
+    {
+        // 遍历节点，当遇到下列类型的时候会调用函数
+        VariableDeclarator(path) {
+            console.log(path.node.id.name);
+            path.node.init = t.stringLiteral("ayf");
+            console.log(path.node.init.value);
+        }
+    };
 
-function traverse_all_MemberExpression(ast) {
-    // 遍历节点，当遇到下列类型的时候会调用函数
-    traverse(ast, {
-        MemberExpression: {
-            enter: [replace]
-        },
-    })
-}
+traverse(ast, traverses);
 
-traverse_all_MemberExpression(ast);
-
-console.log(ast);
+let code = generator(ast);
+console.log(code);
+console.log(code.code);