JavaScript Parser，把js源码转化为抽象语法树的解析器。 浏览器会把js源码通过解析器转为抽象语法树，再进一步转化为字节码或直接生成机器码。 一般来说每个js引擎都会有自己的抽象语法树格式，Chrome的v8引擎，firefox的SpiderMonkey引擎等等…

AST[维基百科]:在计算机科学中，抽象语法树（Abstract Syntax Tree，AST），或简称语法树（Syntax tree），是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。之所以说语法是“抽象”的，是…

js是单线程的弱类型的脚本语言，所以很多错误会在运行的时候才会发现，一旦出现运行时的错误，那么整个js线程都会挂掉，导致我们页面没有响应，所以我们需要有一种手段来避免，而将代码用try catch包括就是最容易实现的一种方式，但是前端工程师们很少会用try catch把代码包括…

提起 AST 抽象语法树，大家可能并不感冒。但是提到它的使用场景，也许会让你大吃一惊。原来它一直在你左右与你相伴，而你却不知。

当时分享完觉得很空旷，虽然了解了其部分基础概念，也做了一个小 demo，但还是太过于表面，没有实际应用，纸上得来终觉浅。恰好最近有两次机会用上了 AST。 当 组员 整理完 项目的枚举，并将它封装为一个库后，MR 发了过来。 之前项目里零零散散的枚举统一由私有库来维护，再也不用…

抽象语法树（Abstract Syntax Tree）简称 AST，是源代码的抽象语法结构的树状表现形式。webpack、eslint 等很多工具库的核心都是通过抽象语法书这个概念来实现对代码的检查、分析等操作。今天我为大家分享一下 JavaScript 这类解释型语言的抽象语…

类似于这种问题现在已经有了很多的解决方案，无论引入外部库或者是自己定义计算函数最终的目的都是利用函数去代替计算。例如一个涨跌幅百分比的一个计算公式：(现价-原价)/原价*100 + '%'实际代码：Mul(Div(Sub(现价, 原价), 原价), 100) + '%'。原本一…

理解AST是我们接下去内容的基础。 Javascript语言是由一串字符串生成的，每一个都带有着一些可视的语义信息。这对我们来说都很有用,因为它允许我们使用匹配字符 ([], {}, ())， 成对的字符（"", ''），以及缩进，让我们更好的理解程序。 然后这对计算机来说是无…

业余时间写了Babylon-AST的系列文章，这里是第一篇，后面还有三篇。趁着今天有空都一起发上来啦。 最近想研究react转小程序代码的，后来感觉跨度有些大，因为平时也会写一些vue的代码，而且vue和小程序更接近一些，所以还是先做了一个vue转小程序的PoC。可是这些都不是…