TypeScript 类型系统 2 0 2 1 年 1 月 2 1 日 分 享 人 陈 文 岗 ： 学 校 中国科学院大学 ： 关于TypeScript 2 TypeScript是微软推出的JavaScript静态类型版本，它是 JavaScript的超集，可以编译为纯粹的JavaScript TypeScript 到 JavaScript 3 add.ts add.js add ts TypeScript 基础类型 4 TypeScript 高级类型 5 TypeScript 高级类型 6 TypeScript 高级类型 7 TypeScript 高级类型 8 TypeScript 特殊类型 9 TypeScript 结构类型系统 10 标明类型系统 即使两个类的结构完全一致，也不能互相赋值 结构类型系统 类型形状一致即可互相赋值 TypeScript TypeScript 类型声明空间 11 类型声明空间里包含用来当做类型注解的内容 类型不能赋给一个变量，也不能作为值进行传递（class除外） TypeScript 变量声明空间(值空间) 12 变量声明空间包含可用作变量的内容 class既属于类型声明空间，也属于变量声明空间 普通的变量/常量不能用作类型注解 TypeScript 函数重载 13 1. TypeScript类型信息只存在于编译期，不会带到运行期

ECMAScript 变量是弱类型的 在学习高级编程语言的过程中，最先接触的，也是最重要的概念应该就是变量了。所谓“变 量”，一般意义上理解就是程序中用于存储数据信息的容器，或者也可以理解为用于替代数据 信息的符号。 ECMAScript 规范中定义的变量既可以存储数据信息，也可以定义为替代表达式的符号。 一般都是通过“var”关键字来定义变量，且定义的均是无特定类型的变量（也称为弱类型）。 因此，ECMAScript 因此，ECMAScript 变量可以初始化为任意类型的值，且可以随时改变变量的数据类型。当然， 我们不建议随意改变变量的数据类型，建议初始化成什么类型就一直沿用该类型，避免不必要 的麻烦。 2.2.2 变量的声明 ECMAScript 规范中规定通过“var”（单词 variable 的缩写）关键字来定义声明的变量， 当然也可以不使用“var”关键字。一般使用“var”关键字定义的是局部变量，而不使用“var” 关于【代码 2-1】的分析如下： 第 02～03 行代码通过“var”关键字分别定义了两个变量（i 和 j），并进行了初始化赋值 操作。注意，这里赋的值均是整数类型，因为 ECMAScript 变量弱类型的特点，所以解释程序 会自动为变量创建整数值； 第 04 行代码通过“var”关键字定义了一个变量表达式（var s = i + j;），而表达式中的变 量“i”和“j”正是第

React Native 在美团外卖客户端的实践 506 Android 静态代码扫描效率优化与实践 530 Probe：Android 线上 OOM 问题定位组件 560 活动 Web 页面人机识别验证的探索与实践 580 React Native 工程中 TSLint 静态检查工具的探索之路 589 ESLint 在中大型团队的应用实践 610 美团 iOS 工程 zsource 年底，鸿蒙系统会覆盖包括手机、平板、智能 穿戴、智慧屏、车机在内数亿台终端设备。对移动应用而言，新的系统理念、新的交 互形式，也意味着新的机遇。如果能够利用好鸿蒙的开发生态及其特性能力，可以让 应用覆盖更多的交互场景和设备类型，从而带来新的增长点。 与面临的机遇相比，适配鸿蒙系统带来的挑战同样巨大。当前手机端，尽管鸿蒙系统 仍然支持安卓 APK 安装及运行，但长期来看，华为势必会抛弃 AOSP，逐步发展出 自己的生 理。同样，整个流程的大部分工作已经由 Flutter 统一，我们要做的仅仅是在原生容 器上监听用户的输入，并封装成指定格式交给引擎层而已。 在鸿蒙系统上，我们可以借助平台提供的 多模输入 API，实现多种类型事件的监听： flutterComponent.setTouchEventListener(touchEventListener); // 触摸及鼠标事件 flutterComponent.set

目 录 致谢 JavaScript教程 1 JavaScript简介 2 快速入门 2.1 基本语法 2.2 数据类型和变量 2.3 字符串 2.4 数组 2.5 对象 2.6 条件判断 2.7 循环 2.8 Map和Set 2.9 iterable 3 函数 3.1 函数定义和调用 3.2 变量作用域 3.3 方法 3.4 高阶函数 3.4.1 map/reduce 要了解JavaScript，我们首先要回顾一下JavaScript的诞生。 在上个世纪的1995年，当时的网景公司正凭借其Navigator浏览器成为Web时代开启时最著名的第一 代互联网公司。 由于网景公司希望能在静态HTML页面上添加一些动态效果，于是叫Brendan Eich这哥们在两周之内 设计出了JavaScript语言。你没看错，这哥们只用了10天时间。 为什么起名叫JavaScript？原因是当时Java语言 这样， /static/js/abc.js 就会被浏览器执行。 把JavaScript代码放入一个单独的 .js 文件中更利于维护代码，并且多个页面可以各自引用同一 份 .js 文件。 可以在同一个页面中引入多个 .js 文件，还可以在页面中多次编写 ，浏览器按照顺序依次执行。 有些时候你会看到 中使用 import 进行模块懒加载。详情见这里 JavaScript 同构解决方案持续增长，致敬服务器端输出前端内容的时代（即：页面直出 到浏览器）。参见 NextJS 响应式编程继续茁壮成长。（参见 MobX and RxJS） React，尤其是它倡导的概念继续占有支配地位。而 React 本身会被彻底重写（React

从JavaScript迁移到TypeScript 手册 基础类型 变量声明 接口 类 函数 泛型 枚举 类型推论 类型兼容性 高级类型 Symbols Iterators 和 Generators 模块 命名空间 命名空间和模块 模块解析 声明合并 JSX Decorators 混入 三斜线指令 JavaScript文件里的类型检查 - 2 - 本文档使用 书栈网 · BookStack BookStack.CN 构建 实用工具类型 如何书写声明文件 介绍 库结构 举例 最佳实践 深入 模板 发布 使用 工程配置 tsconfig.json 工程引用 NPM包的类型 编译选项 配置 Watch 在MSBuild里使用编译选项 与其它构建工具整合 使用TypeScript的每日构建版本 Wiki TypeScript里的this 编码规范 welcome TypeScript 4.0 (August 20, 2020) | 版本发布说明 ✔ TypeScript语言用于大规模应用的JavaScript开发。 ✔ TypeScript支持类型，是 JavaScript的超集且可以编译成纯JavaScript代码。 ✔ TypeScript兼容所有浏览器，所有宿主 环境，所有操作系统。 ✔ TypeScript是开源的。 一大

(Interpreter)就可以执行的简单的解释式程序 JavaScript 功能、脚本语言 5 VCG JavaScript 2020/4/28 6 2. JavaScript 功能  主要功能  向 HTML 页面添加交互行为  读写 HTML 元素  在数据被提交到服务器之前验证数据  检测访客的浏览器信息  控制 cookies 和本地存储 JavaScript 功能、脚本语言 JavaScript JavaScript 特点 • 脚本编写语言 • 基于对象的语言 • 简单性 • 安全性 • 动态性 • 跨平台 6 VCG JavaScript 2020/4/28 7  主要功能  向 HTML 页面添加交互行为  读写 HTML 元素  在数据被提交到服务器之前验证数据  检测访客的浏览器信息  控制 cookies 和本地存储 VCG JavaScript 2020/4/28 JavaScript 功能、脚本语言 8 VCG JavaScript 2020/4/28 9 2. JavaScript Demo JavaScript 功能、脚本语言 9 向 HTML 页面 添加交互行为 本地表单验证 检测浏览器信息 VCG JavaScript 2020/4/28 10 3. JavaScript 实现 JavaScript 实现 10 JavaScript