Onlyy🦄

在接触 TS 的过程中，时常能看到使用declare关键字来进行声明，而它基本都是出现在.d.ts文件中。你是否好奇过，使用declare关键字到底有什么作用？它与不使用declare关键字的声明又有何不同？本文与你一同探索declare的奥秘，讲述如何写好一个声明文件 (.d.ts文件)，需要小伙伴们拥有一定的typescript基础。如果阅读本文过程中遇到不了解的知识点，可查阅我之前的基础篇的文章。 [toc] 一、Declaration Reference 声明指南我们先来了解到如何根据API文档和用法示例来编写相关的声明。这部分内容十分简单，基本看一遍过去就ok了。 1. 对象和属性我们通常使用命名空间来声明对象。 文档： 全局变量myLib，它有一个greet方法来创建问候语，一个numberOfGreetings属性来记录创建的问候语的数量。 示例： 123let greeting = myLib.greet("hello, cc!");console.log(greeting);let count = myLib.numberOfGreetin ...

在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 ...