Onlyy🦄

在TypeScript 1.5之前的版本，有着内部模块Internal modules(使用module { }的形式来声明) 和外部模块External modules的概念。而从 1.5 版本开始，这两个概念的命名发生了变化。原本的Internal modules更改为Namespaces(命名空间)，声明方式也相应替换为了namespace { }，而External modules则更改为我们现在熟知的模块Modules。使用命名空间，可以自主定义对外可见/不可见的类型或值，能够极大地避免全局命名冲突的问题。我们使用export关键字来对外暴露相应的类型 / 值。 一、以官方提供的 Validators为例体验Namespaces123456789101112131415161718192021222324252627282930313233343536373839namespace Validation { // 通过export暴露的类型/值，可在namespaace外部访问 // 暴露一个interface，其包含一个 ...

枚举通过关键字 enum 来声明，会同时得到一个类型和一个同名的值，该值为一组命名了的常量。TS提供了基于数字和基于字符串的枚举，当然，这本该是基础篇的内容… 一、数字枚举我们使用关键字 enum 来声明一个枚举。当我们不给初值时，就会自动初始化，值依次从 0 开始递增。 12345678910111213enum Direction { Up, Down, Left, Right,}/*Direction.Up = 0Direction.Down = 1Direction.Left = 2Direction.Right = 3*/ 如果我们初始化了某属性的数值，紧随其后的其它属性的数值则会根据 步长为1 的递增/递减 自动推算。 12345678910111213enum Direction { Up = 1, Down, Left, Right,}/*Direction.Up = 1Direction.Down = 2Direction.Left = 3Direction.Right = 4*/ 枚举的使用也很简单。我们知道， ...

TS 提供了许多实用的全局内置类型，可以极大地方便我们的操作。 1. Partial<Type> 可选类型接口通过Partial<T>可以通过将传入的类型的所有属性变为可选属性，从而得到一个新的类型。 123456789101112interface Person { name: string; age: number;}type PartialPerson = Partial<Person>;/*PartialPerson 为 { name?: string, age?: number}*/ 2. Required<Type> 必需类型接口与 Partial 相反，Required<T> 把传入的类型T的所有属性都变为必需的，得到一个新的类型。 123456789101112interface Person { name?: string; age?: number;}type RequiredPerson = Required<Person> ...

TypeScript 系列 基础篇(五) Classes 类类 在 JavaScript 中出现于 ES2015 版本，TS对 类 进行了全面支持，还加入了一些其它语法来增强类的表达能力，本文将详细聊一聊TS中的类的知识，你知道的和不知道的，这里都有。 一、类的成员1. 属性字段 (Fields)字段声明会为类添加创建一个公共的可写的实例属性。我们可以为字段添加类型注释，如果不添加，就会是 any 类型，当然这是我们不希望发生的。 12345class Person { name: string; age: number; gender; // gender为 any 类型} 字段声明时可以赋初值，其类型会被 TS 自动推论，在实例化时会自动执行值的初始化。 123456789class Person { name = "cc"; // name为string类型 age = 18; // age 为 string 类型 gender: 1 | 2 = 2; // 如果不注释类型，则gender会被推论为number ...

TypeScript 系列基础篇(三) 对象类型对象是我们组织数据的基本方式。除了常规的对象类型外，TS 还提供了只读数组、元组、属性修饰符、索引签名等知识体系。在前面的章节中，我们已经了解到了对象的基本使用。可以用字面量、interface、type alias来规定一个普通的对象类型。现在是时候了解一下常用的对象属性修饰符、类型拓展、索引签名和内置的特殊对象类型了。 还没有对象吗？那就赶紧new一个吧！ 一、属性修饰符利用属性修饰符，我们可以增强对象的属性的约束。 1. ? 可选属性可选属性我们在之前就已经有所了解。定义对象类型时，在属性名后面加上英文问号 “?“ ，表示该属性可选。此后，该类型的对象里可以有这个属性，也可以没有。因此，该属性除了我们给它约束了的类型之外，还可能是undefined，从而引发某些问题。在之前的文章中提到过，这可以通过真值校验来进行类型缩减，或者给函数的形参设置默认值，从而解决。 123456789101112131415161718// 其中gender为可选属性interface Person { name: string; age: ...