AST 抽象语法树babel安装

在这里插入图片描述

一、什么是AST

js代码：

var a=1;

json标识：

赋值语句
	左边为定义
		定义的名称为a(作用域问题)
	右边为 1
	
{
	"Root":{
		"赋值语句":{
			"左边":{
				"名称":"a",
			},
			"右边":1
		}
	}
}

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

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

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

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

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

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

https://www.babeljs.cn/

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

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

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

再由解释器去运行。

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

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

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

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

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

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

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

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

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

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

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

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

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

学习路线指引（点击解锁）	知识定位	人群定位
🧡 Python实战微信订餐小程序 🧡	进阶级	本课程是python flask+微信小程序的完美结合，从项目搭建到腾讯云部署上线，打造一个全栈订餐系统。
💛Python量化交易实战 💛	入门级	手把手带你打造一个易扩展、更安全、效率更高的量化交易系统
❤️ C++ QT结合FFmpeg实战开发视频播放器❤️	难度偏高	分享学习QT成品的视频播放器源码，需要有扎实的C++知识！
💚 游戏爱好者九万人社区💚	互助/吹水	九万人游戏爱好者社区，聊天互助，白嫖奖品
💙 Python零基础到入门 💙	Python初学者	针对没有经过系统学习的小伙伴，核心目的就是让我们能够快速学习Python的知识以达到入门