原文:TypeScript 源码详细解读(4)语法1-语法树

在上一节介绍了标记的解析,就相当于识别了一句话里有哪些词语,接下来就是把这些词语组成完整的句子,即拼装标记为语法树。 树 tree 树是计算机数据结构里的专业术语。就像一个学校有很多年级,每个年级下面有很多班,每个班级下面有很多学生,这种组织结构就叫树。 组成树的每个部分称为节点 Node 最顶层的节点 即例子中的学校 称为根节点 Root Node 和每个节点的下级节点称为这个节点的子节点 Ch ...

2020-01-28 15:16 2 1451 推荐指数:

查看详情

TypeScript 源码详细解读(2)词法1-字符处理

本节文章研究的代码位于 tsc/src/compiler/scanner.ts 字符 任何源码都是由很多字符组成的,这些字符可以是字母、数字、空格、符号、汉字等…… 每一个字符都有一个编码值,比如字符“a”的编码值是97,字符“林”的编码值是26519。 每个字符对应的编码值是多少 ...

Mon Jan 13 23:31:00 CST 2020 2 1433
TypeScript 源码详细解读(1)总览

TypeScript 由微软在 2012 年 10 月首发,经过几年的发展,已经成为国内外很多前端团队的首选编程语言。前端三大框架中的 Angular 和 Vue 3 也都改用了 TypeScript 开发。即使很多人没直接用过 TypeScript,他们也在通过 VSCode 提供的智能提示功能 ...

Mon Jan 13 20:14:00 CST 2020 1 2970
TypeScript 基本语法

TypeScript 是微软开发的 JavaScript 的超集,TypeScript兼容JavaScript,可以载入JavaScript代码然后运行。TypeScript与JavaScript相比进步的地方 包括:加入注释,让编译器理解所支持的对象和函数,编译器会移除注释,不会增加 ...

Mon Jun 15 06:34:00 CST 2015 6 39280
TypeScript 基本语法

TypeScript 基本语法 TypeScript 是微软开发的 JavaScript 的超集,TypeScript兼容JavaScript,可以载入JavaScript代码然后运行。TypeScript与JavaScript相比进步的地方 包括:加入注释 ...

Wed Jun 17 05:55:00 CST 2015 0 2781
typescript语法

先来讲一讲TypeScript出现的背景 前端javascript的编程思想与后端java面向对象的编程思想有很大的不同,微软公司借鉴了coffeescript语言,继承了很多C#和java的编程思想,推出了TypeScript。期间随着js的升级换代出了ES6,微软的TypeScript ...

Fri Mar 09 18:00:00 CST 2018 1 1914
TS 原理详细解读(5)语法2-语法解析

在上一节介绍了语法的结构,本节则介绍如何解析标记组成语法。 对应的源码位于 src/compiler/parser.ts。 入口函数 要解析一份源码,输入当然是源码内容(字符串),同时还提供路径(用于报错)、语言版本(比如ES3 和 ES5 在有些细节 ...

Sun Feb 09 06:50:00 CST 2020 3 1751
语法

何为语法 什么是语法? 你是否曾想过,这个世界存在这么多语言的意义。 假如现在你面前有一个物体,它是一个不规则的圆体,整个身体通红,头部还有一根细长稍微弯曲偏右呈棕色的圆柱体。在中文我们称之为「苹果」,在英文我们称之为「Apple」,在日文中我们称之为「アップル ...

Thu Oct 19 23:12:00 CST 2017 0 6881
TypeScript 源码详细解读(3)词法2-标记解析

在上一节主要介绍了单个字符的处理,现在我们已经有了对单个字符分析的能力,比如: 判断字符是否是换行符:isLineBreak 判断字符是否是空格:isWhiteSpaceSingleLin ...

Sun Jan 19 07:56:00 CST 2020 0 1186
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM