TypeScript图形渲染实战2D架构设计与实现:第2章 使用TypeScript实现Doom3词法解析器(1)

基于Canvas2D的2D篇:京东有售

第2章:使用TypeScript实现Doom3词法解析器(1)

本章主要实现一个解析id Software公司Doom3 引擎文本文件格式的词法解析器来了解 TypeScript的一些常用语言知识,总体来说分为四个方面:

1、TypeScript语言本身的内容非常多,但是在本书后续代码中将会限制使用本章中涉及到的、如下所示的语言点:

  • 模板字符串。
  • 接口的定义和扩展。
  • 类的定义、继承及类成员的访问级别。
  • 显示断言赋值。
  • 枚举的定义。
  • 类型别名。
  • 函数(方法)签名和回调函数(方法)。
  • 泛型编程。
  • 联合类型。
  • 模块化编程(export / import)。

2、本章涉及到如下两个设计模式:

  • 工厂设计模式。
  • 迭代器设计模式。

3、了解Doom3文本文件的词法规则以及从头开始,实现一个解析这些规则的Doom3词法解析器。

4、封装了XMLHttpRequest类,使用GET方式从服务器端获取文本或二进制文件。

本章的内容如下所示:


2.1 Token与Tokenizer
2.1.1 Doom3文本文件格式
2.1.2 使用IDoom3Token与IDoom3Tokenizer接口
2.1.3 ES6中的模板字符串
2.1.4 IDoom3Token与IDoom3Tokenizer接口的定义


2.2 IDoom3Token与IDoom3Tokenizer接口的实现
2.2.1 Doom3Token类成员变量的声明
2.2.2 Doom3Token类变量初始化的问题
2.2.3 IDoom3Token接口方法的实现
2.2.4 Doom3Token类的非接口方法实现
2.2.5 Doom3Tokenzier处理数字和空白符
2.2.6 IDoom3Tokenizer接口方法实现
2.2.7 Doom3Tokenizer字符处理私有方法
2.2.8 核心的getNextToken方法
2.2.9 跳过不需处理的空白符和注释
2.2.10 实现_getNumber方法解析数字类型
2.2.11 实现_getSubstring方法解析子字符串
2.2.12 实现_getString方法解析字符串
2.2.13 IDoom3Tokenizer词法解析器状态总结表


2.3 使用工厂模式和迭代器模式
2.3.1 微软COM中创建接口的方式
2.3.2 Doom3Factory工厂类
2.3.3 迭代器模式已经成为语法的一部分
2.3.4 模拟微软.NetFramework中的泛型迭代器
2.3.5 IDoom3Tokenizer扩展 IEnumerator接口
2.3.6 修改Doom3Tokenizer源码
2.3.7 使用VS Code中的重命名重构方法
2.3.8 使用迭代器来解析Token
2.3.9 面向接口面向对象编程的个人感悟


2.4 从服务器获取资源
2.4.1 加载本地HTML资源遇到的问题
2.4.2 从服务器加载资源
2.4.3 使用XHR向服务器请求资源文件
2.4.4 TypeScript中的类型别名
2.4.5 使用doGet请求文本文件并解析
2.4.6 解决仍有空白字符输出问题
2.4.7 实现doGetAsync异步请求方法
2.4.8 声明TypeScript中的回调函数
2.4.9 调用回调函数


基于WebGL的3D篇:目前在出版社三审三校中

3D篇:使用安德斯海尔斯伯格的TypeScript语言来演示约翰卡马克的Quake3/Doom3引擎相关内容!