a8725585的博客

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

babel转换流程 code转换为AST => 遍历AST树、进行修改 => 还原为code babel结构 @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） 绑定 Symbol Binder 绑定器（binder.ts） Symbol链接相同结构的声明，帮助类型系统推导出这些具名声明 检查 类型验证 Checker 检查器（checker.ts） 解析每种类型的构造，负责处理、检查针对每个类型的语义操作，并生成合适的诊断信息 生成代码 .js/.d.t...