a8725585的博客

js引擎处理js的过程同传统编译语言的代码编译大致相同文章目录流程预编译阶段声明提升let、const阻止提升的原因LHS与RHS查找类型流程步骤传统编译语言JS引擎1词法/语法分析词/语法分析2解析生成AST解析生成AST3代码生成预编译4执行执行预编译阶段js代码是运行时编译（编译发生在代码执行前几微秒），即预编译完立即...

babel转换流程code转换为AST => 遍历AST树、进行修改 => 还原为codebabel结构@babel/core AST转换的核心@babel/cli 打包工具@babel/plugin* Babel 插件机制，Babel基础功能不满足的时候,手动添加些@babel/preset-env 预设插件集，减少配置各类插件@babel/polyfill 把浏览器某些不支持API，兼容性代码全部导入到项目,不管你是不是用到,缺点是代码体积特别大@b

系列文章目录一文搞定babel转换文章目录系列文章目录前言二、使用步骤1.引入库2.读入数据2.获取当前节点3.修改节点4.生成代码并输出总结前言babel让你可以对代码进行为所欲为操作，以下为记录babel的初始尝试处理api接口文件生成适合批量录入菜单权限的结构转换前转换后将注释的安装配置_autoAssign 分为[title]_[key]两部分# 一、Babel是什么？Babel 是JS编译器，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 Ja

流程结果编译器文件备注词法分析token流Scanner 扫描器（scanner.ts）语法分析Ast(抽象语法树)Parser 解析器（parser.ts）绑定SymbolBinder 绑定器（binder.ts）Symbol链接相同结构的声明，帮助类型系统推导出这些具名声明检查类型验证Checker 检查器（checker.ts）解析每种类型的构造，负责处理、检查针对每个类型的语义操作，并生成合适的诊断信息生成代码.js/.d.t...