weixin_45745641的博客

Typescript—声明文件 在实际开发中，我们经常会需要引入其他第三方的 JS 库。直接引入可以调用库的类和方法会导致无法使用 TS 类型检查等功能。 所以我们需要引入一个描述 JS 库和模块信息的声明文件来借用 TS 的各种特性来 使用库文件 例如使用declare 关键字来定义他的类型，帮助Typescript判断我们传入的参数类型是否正确： declare var jQuery: (selector: string) => any; jQuery('#foo'); 声明文件 声明文件以 .

泛型-Generics 先来看第一个泛型的例子：identity函数，这个函数会返回任何传入它的值。你可以把这个函数当成是echo命令 不用泛型，函数可能是下面这样： function identity(arg: number): number { return arg; } 或者用any类型来定义函数: function identity(arg: any): any { return arg; } 使用any类型会导致这个函数可以接收任何类型的arg参数，然后传入的类型与返回的类型应

类型推论 - type inference 在类型脚本中，有的地方使用类型推论在没有明确类型注释时提供类型的信息 例如： let x = 3; 我们没有声明类型，但是类型推论其为number类型 联合类型 - union types 我们只需要用中竖线来分割两个，下面例子即表示可以number类型也可以string类型 当 TypeScript 不确定一个联合类型的变量到底是哪个类型的时候，我们只能访问此联合类型的所有类型里共有的属性或方法： numberOrString.length numberO

Typescript中的类 先来看一个例子，使用 extends关键字创建了 Animal的两个子类： Horse和 Snake。 class Animal { name: string; constructor(theName: string) { this.name = theName; } move(distanceInMeters: number = 0) { console.log(`${this.name} moved ${distanceInMeters

函数 约定输入，约定输出： 这里给x,y以及其输出都约定为numbe类型 function add(x: number, y: number): number { return x + y } 可选参数： 在参数后面加?,后接可选参数，这里的z即为可选参数 function add(x: number, y: number, z?: number): number { if (typeof z === 'number') { return x + y + z } else {

概念 对对象的形状（shape）进行描述 Duck Typing（鸭子类型）：如果某个东西长得像鸭子，像鸭子一样游泳，像鸭子一样嘎嘎叫，那它就可以被看成是一只鸭子。 我们先来定义一个接口person： interface Person { name: string; age: number; } 然后定义一个变量 things，他的类型是Person。这样，我们就约束了 viking 的形状必须和接口 Person 一致。 let viking: Person ={ name: 'viki

原始数据类型 首先我们来回顾Javascript 类型分类： 原始数据类型有以下七中 Boolean Null Undefined Number BigInt String Symbol 那么我们再来看一下再ts中的数据类型 原始数据类型： 布尔类型 let isDone: boolean = false // 布尔类型 number类型 let age: number = 10 // number类型 字符串类型 let firstName: string = 'name' // 字符