into-piece / Step-By-Step

每天一题向前端架构师前进
4 stars 1 forks source link

typescript专题 #49

Open into-piece opened 3 years ago

into-piece commented 3 years ago

typescript的好处

  1. 代码可读性,对组件函数的输入输出进行类型定义,方便

typescript 的 type 和 interface 的区别

typescript原理

深入理解 TypeScript

以下演示简单说明 TypeScript 编译器如何将上述几个关键部分组合在一起:

SourceCode(源码) ~~ 扫描器 ~~> Token 流 Token 流 ~~ 解析器 ~~> AST(抽象语法树) AST ~~ 绑定器 ~~> Symbols(符号) 符号(Symbol)是 TypeScript 语义系统的主要构造块。如上所示,符号是绑定的结果。符号将 AST 中的声明节点与相同实体的其他声明相连。

符号和 AST 是检查器用来验证源代码语义的

AST + 符号 ~~ 检查器 ~~> 类型验证 最后,需要输出 JavaScript 时:

AST + 检查器 ~~ 发射器 ~~> JavaScript 代码