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类型信息只存在于编译期，不会带到运行期

TypeScript 1.7 TypeScript 1.6 TypeScript 1.5 TypeScript 1.4 TypeScript 1.3 TypeScript 1.1 手册 基础类型 变量声明 TypeScript Handbook（中文版） 1 3.3 3.4 3.5 3.6 3.7 3.8 3.9 3.10 3.11 3.12 3.13 3.14 泛型 枚举 类型推论 类型兼容性 高级类型 Symbols Iterators 和 Generators 模块 命名空间 命名空间和模块 模块解析 声明合并 书写.d.ts文件 JSX Decorators 混入 三斜线指令 如何书写声明文件 结构 规范 举例 深入 发布 使用 工程配置 tsconfig.json NPM包的类型 TypeScript js也 宣布使用TypeScript做新版本的开发。 那么TypeScript究竟为何物？又有什么 魅力呢？ TypeScript是Microsoft公司注册商标。 TypeScript具有类型系统，且是JavaScript的超集。 它可以编译成普通的JavaScript 代码。 TypeScript支持任意浏览器，任意环境，任意系统并且是开源的。 TypeScript目前还在积极的开

从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是开源的。 一大

工具的默认入口 (通过 package.json 中的 module 字段)，因为在使用 bundler 时，模 板通常是预先编译的 (例如：在 *.vue 文件中)，你需要将打包工具配置 vue 别名到这个文 件 vue.cjs(.prod).js ： 或用于 Node.js 通过 require() 进行服务器端渲染。 如果你将应用程序与带有 target: 'node' 的 createApp(ListRendering).mount('#list-rendering') 组件系统是 Vue 的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组 件构建大型应用。仔细想想，几乎任意类型的应用界面都可以抽象为一个组件树： 组件化应用构建 介绍 - 16 - 本文档使用 书栈网 · BookStack.CN 构建 在 Vue 中，组件本质上是一个具有预定义选项的实例。在 Vue 从下一页开始，我们将在示例中使用缩写，因为这是 Vue 开发者最常用的用法。 动态参数预期会求出一个字符串，异常情况下值为 null 。这个特殊的 null 值可以被显性地 用于移除绑定。任何其它非字符串类型的值都将会触发一个警告。 动态参数表达式有一些语法约束，因为某些字符，如空格和引号，放在 HTML attribute 名里是无 效的。例如： 1. 2

目 录 致谢 介绍 前言 入门篇 导论 历史 基本语法 数据类型 概述 null，undefined 和布尔值 数值 字符串 对象 函数 数组 运算符 算术运算符 比较运算符 布尔运算符 二进制位运算符 其他运算符，运算顺序 语法专题 数据类型的转换 错误处理机制 编程风格 console 对象与控制台 标准库 Object 对象 属性描述对象 语言（Smalltalk 的一种变种）。 正则表达式：借鉴 Perl 语言。 字符串和数组处理：借鉴 Python 语言。 为了保持简单，这种脚本语言缺少一些关键的功能，比如块级作用域、 模块、子类型（subtyping）等等，但是可以利用现有功能找出解决 办法。这种功能的不足，直接导致了后来 JavaScript 的一个显著特 点：对于其他语言，你需要学习语言的各种功能，而对于 Java 而设计的。但 是，JavaScript 没有采用 Java 的静态类型。正是因为 JavaScript 与 Java 有很大的相似性，所以这门语言才从一开始的 LiveScript 改名为 JavaScript。基本上，JavaScript 这个名 字的原意是“很像Java的脚本语言”。 JavaScript 语言的函数是一种独立的数据类型，以及采用基于原型 对象（prototype）的继承链。这是它与

ipt的Promise吧。 JavaScript Promise 迷你书（中文版） 7 Promise简介 在 ES6 Promises 标准中定义的API还不是很多。 目前大致有下面三种类型。 Constructor Promise类似于 XMLHttpRequest ，从构造函数 Promise 来创建一个新建新 promise 对 象作为接口。 要想创建一个promise对象、可以使用 的处理中发生任何异常，或者被明确reject的情况下， 该异常原因（Error对 象）会作为 .catch 方法的参数被调用。 其实 .catch 只是 promise.then(undefined, onRejected) 的别名而已， 如下代码也可以完 成同样的功能。 getURL(URL).then(onFulfilled, onRejected); onFulfilled, onRejected 是和刚才相同的函数 迷你书（中文版） 27 Figure 5. promise-then-passing-value.js示意图 每个方法中 return 的值不仅只局限于字符串或者数值类型，也可以是对象或者promise 对象等复杂类型。 return的值会由 Promise.resolve(return的返回值); 进行相应的包装处理，因此不管回 调函数中会返回一个什么样的值，最终 then 的结果都是返回一个新创建的promise对

一致性而战的时代已离我 们远去。 2016 前端开发回顾 14 几乎人人都意识到开发网页的时候必须考虑多设备适配策略。 使用其他语言的开发者持续涌入 JS 领域，他们也带来了一些东西：例如类型检测，和对 类语法以及面向对象思想的执念。 前端开发引入了热模块替换技术和时间旅行调试。 原生 JS 浏览器模块加载器更受期待了。 Enforcing CSS 和 JS 格式规范变得更受重视（就 的第三代事件规范 DOM 动态标准 W3C DOM4 JavaScript 编程语言 (ECMAScript 262) 前端开发者所使用的技术 21 JavaScript 是一个高级的、动态的、弱类型的解释性编程语言，被包含在 ECMAScript 的语言规范中。同 HTML 和 CSS 一样，它是万维网内容生产环节必不可少的三种技术 之一，被大多数网站所使用，并且在不需要使用插件的情况下被所有现代的浏览器所支 HTTP/2 统一资源定位符 (URL) 统一资源定位符（URL）也被称为网址，是关于资源的引用，明确了计算机网络资源的 地址以及检索该资源的机制。URL 是统一资源标志符（URI）的一种特定类型，尽管许 多人认为这两个概念可以互换。URL 表明了获取所需资源的方式，然而并非每个 URI 都 会如此。URLs 通常被用于网页（http），与此同时也被用作文件传输（ftp），邮件 （ma

本质 let 和 const 命令 39 const 实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址 不得改动。对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向 的那个内存地址，因此等同于常量。但对于复合类型的数据（主要是对象和数 组），变量指向的内存地址，保存的只是一个指针， const 只能保证这个指针是 固定的，至于它指向的数据结构是不是可变的，就完全不能控制了。因此，将一个 clz32(1 << 29) // 2 对于小数， Math.clz32 方法只考虑整数部分。 Math.clz32(3.2) // 30 Math.clz32(3.9) // 30 对于空值或其他类型的值， Math.clz32 方法会将它们先转为数值，然后再计 算。 Math.clz32() // 32 Math.clz32(NaN) // 32 Math.clz32(Infinity) 上面代码中，两个运算结果的最后一位有效数字是有差异的。 Integer 数据类型 简介 JavaScript 所有数字都保存成64位浮点数，这决定了整数的精确程度只能到53个二 进制位。大于这个范围的整数，JavaScript 是无法精确表示的，这使得 JavaScript 不适合进行科学和金融方面的精确计算。 现在有一个提案，引入了新的数据类型 Integer（整数），来解决这个问题。整数类 型的数据

require native模块时用到 对 asar 包中的文件取 fs.stat ，返回的 Stats 对象不是精确值，因为这些文件不是真实存在于文件系统 里。所以除了文件大小和文件类型以外，你不应该依赖 Stats 对象的值。 Node 中有一些可以执行程序的 API，如 child_process.exec ， child_process.spawn 和 child_process macOS) Windows 需注意 桌面环境集成 - 36 - 本文档使用 书栈(BookStack.CN) 构建 为了这个特性在 Windows 上表现正常，你的应用需要被注册成为一种文件类型的句柄，否则，在你注册之前，文件 不会出现在跳转列表。你可以在 Application Registration 里找到任何关于注册事宜的说明。 当一个文件被最近文件列表请求时， app 模块里的 书栈(BookStack.CN) 构建 Electron 中的 process 对象 与 upstream node 中的有以下的不同点: process.type String - 进程类型, 可以是 browser (i.e. main process)或 renderer . process.versions.electron String - Electron的版本.

目 录 致谢 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 2.2 数据类型和变量 计算机顾名思义就是可以做数学计算的机器，因此，计算机程序理所当然地可以处理各种数值。但是， 计算机能处理的远不止数值，还可以处理文本、图形、音频、视频、网页等各种各样的数据，不同的数 据，需要定义不同的数据类型。在JavaScript中定义了以下几种数据类型： JavaScript不区分整数和浮点数，统一用Number表示，以下都是合法的Number类型： 1. 123; 10.5 % 3; // 1.5 注意 % 是求余运算。 字符串是以单引号'或双引号"括起来的任意文本，比如 'abc' ， "xyz" 等等。请注 数据类型和变量 数据类型 Number 字符串 2.2 数据类型和变量 - 16 - 本文档使用 书栈(BookStack.CN) 构建 意， '' 或 "" 本身只是一种表示方式，不是字符串的一部分，因此，字符串 'abc'