加入收藏 | 设为首页 | 会员中心 | 我要投稿 西安站长网 (https://www.029zz.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 移动 > 正文

TypeScript 中高级应用与完美实践

发布时间:2019-08-02 01:12:00 所属栏目:移动 来源:AlloyTeam
导读:副标题#e# 当我们讨论 TypeScript 时,我们在讨论什么? TypeScript 的定位 JavaScript 的超集 编译期行为 不引入额外开销 不改变运行时行为 始终与 ESMAScript 语言标准一致 (stage 3 语法) TypeScript 中的 Decorator 较为特殊,为 Angular 团队和 TypeSc

除了与、或等基本逻辑,TS 的类型也支持条件运算,其语法与三目运算符相同,为 T extends U ? X : Y 。这里先举一个简单的例子。在后文中我们会看到很多复杂类型的实现都需要借助条件类型。

  1. type IsEqualType<A, B> = A extends B ? (B extends A ? true : false) : false; 
  2. type NumberEqualsToString = IsEqualType<number, string>;   // false 
  3. type NumberEqualsToNumber = IsEqualType<number, number>;    // true 

环境 Ambient Modules

在实际应用开发时有一种场景,当前作用域下可以访问某个变量,但这个变量并不由开发者控制。例如通过 Script 标签直接引入的第三方库 CDN、一些宿主环境的 API 等。这个时候可以利用 TS 的环境声明功能,来告诉 TS 当前作用域可以访问这些变量,以获得类型提醒。

具体有两种方式,declare 和三斜线指令。

  1. declare const IS_MOBILE = true;    // 编译后此行消失 
  2. const wording = IS_MOBILE ? '移动端' : 'PC端'; 

用三斜线指令可以一次性引入整个类型声明文件。

  1. /// <reference path="../typings/monaco.d.ts" /> 
  2. const range = new monaco.Range(2, 3, 6, 7); 
深入类型系统

基本类型

基本类型,也可以理解为原子类型。包括 number、boolean、string、null、undefined、function、array、字面量(true,false,1,2,‘a’)等。它们无法再细分。

复合类型

(编辑:西安站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读