作者：虚坏叔叔
博客：https://xuhss.com

早餐店不会开到晚上，想吃的人早就来了！?

AST 抽象语法树babel安装

一、什么是AST

js代码：

var a=1;

json标识：

赋值语句
    左边为定义
        定义的名称为a(作用域问题)
    右边为 1

{
    "Root":{
        "赋值语句":{
            "左边":{
                "名称":"a",
            },
            "右边":1
        }
    }
}

AST就是将js代码转换为json的语法，我们就是对上面的数据做增删改查。

我们可以对json数据进行遍历，发现符合混淆的特征，就进行机密，解密后 ，进行增删改查，改完后，再还原成js代码。

二、混淆器原理

ob混淆， 最常见就是sojson，当你提交了js代码到它的服务器，它的服务器上有混淆器，混淆器就是利用AST 对代码修改 然后返回到网页给你。

既然有混淆器，就有反混淆器。

2.1AST在哪些地方用到

• IDE：
• js压缩
• 格式化
• v8引擎解释器

这些功能都是通过ast实现，ast的好处就是不会让你的代码无法运行。

三、如何使用Babel

Babel插件 它是用来处理ast的模块 是一个js编译器。我们可以学习它的一些命令。就可以自己实现混淆器

https://www.babeljs.cn/

3.1Babel的作用

我们听过c++的gcc编译器。它将你写的正常代码编译成解释器能够看懂的代码

我们写的代码是给人看的，你可以看懂 但对机器来说不够简洁。

编译器就是将这些代码编译成机器能看到的一些数据结构。

再由解释器去运行。

c++的gcc就是编译成二进制代码。

window系统有专门的解释器去运行这些二进制代码

严格意义上说 所有的编程语言就是解释性的编程语言。

3.2为什么要使用Babel

Babel 是一个工具链，主要用于将采用 ECMAScript 2015+ 语法编写的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。

为什么要转换成低版本的代码 因为浏览器不支持。

还有一些浏览器因为技术问题 它支持不了更高级的语法。bable就是将高级语法转换成低级语法

JavaScript是一个高级语言 为什么各个浏览器支持不用 ？ 因为js只有语法，并没有实现

所以是各个浏览器厂商去实现的。所以大家也会发现，js是跨平台的。

跨平台的实现方案有2种:

• 第一种是：一次编译多个解释器运行，比如.net mono java js.因为有不通平台的解释器
• 第二种： 多次编译直接运行。比如C++的gcc。编译的时候就要指定不同的平台。

babel还可以做语法转换

四、安装Babel

https://github.com/jamiebuilds/babel-handbook/blob/master/translations/zh-Hans/README.md

用户手册

https://github.com/jamiebuilds/babel-handbook/blob/master/translations/zh-Hans/user-handbook.md

插件手册

https://github.com/jamiebuilds/babel-handbook/blob/master/translations/zh-Hans/plugin-handbook.md

npm install -g babel-core

总结

最后的最后
由本人水平所限，难免有错误以及不足之处， 屏幕前的靓仔靓女们 如有发现，恳请指出！

最后，谢谢你看到这里，谢谢你认真对待我的努力，希望这篇博客对你有所帮助！

你轻轻地点了个赞，那将在我的心里世界增添一颗明亮而耀眼的星！

? 往期优质文章分享

• C++ QT结合FFmpeg实战开发视频播放器-01环境的安装和项目部署
• 解决QT问题：运行qmake：Project ERROR: Cannot run compiler ‘cl‘. Output:
• 解决安装QT后MSVC2015 64bit配置无编译器和调试器问题
• Qt中的套件提示no complier set in kit和no debugger，出现黄色感叹号问题解决（MSVC2017）
• Python+selenium 自动化 - 实现自动导入、上传外部文件（不弹出windows窗口）

? 优质教程分享 ?

• ?如果感觉文章看完了不过瘾，可以来我的其他 专栏 看一下哦~
• ?比如以下几个专栏：Python实战微信订餐小程序、Python量化交易实战、C++ QT实战类项目 和 算法学习专栏
• ?可以学习更多的关于C++/Python的相关内容哦！直接点击下面颜色字体就可以跳转啦！

? 资料白嫖，温馨提示 ?

关注下面卡片即刻获取更多编程知识，包括各种语言学习资料，上千套PPT模板和各种游戏源码素材等等资料。更多内容可自行查看哦！

转载请注明：虚坏叔叔 » Js逆向教程22-AST 抽象语法树babel安装