qq_43592084的博客

泛型对于typescript中的泛型，你可以把它理解为参数化类型，把每个参数的类型也封装成参数的形式，而这个封装的方式，就是泛型。1.函数泛型如果我们要编写一个函数，接收两个参数，这两个参数可能都为string类型或者都为number类型，最后做拼接操作。对于这个功能，其实通过上面的联合类型以及类型保护就能实现，但是，我们再分析一下这个功能的条件，“这两个参数可能都为string类型或者都为number类型”，思考一下，我们能不能在调用的时候就直接告诉这个函数传进来的参数类型呢？答案是可以的，泛型就

联合类型和类型保护1.联合类型当我们的一个方法可以接受多种类型的参数（parameter），那么此时就要用到联合类型。class Student { name: string; jiaozuoye() { };}class Teacher { name: string; gaizuoye() { };}function f(parameter: Student | Teacher) { }2.类型保护不过随着联合类型而来的还有一个问题，假如Student和

类的使用typescript中类的概念和java以及es6中的基本一样，没什么区别，上例子。1.类的定义及使用class Person { name = "小黑"; age = 18; say() { return "我叫" + this.name }}const p = new Person();console.log(p.say());2.类的继承子类继承父类的所有属性及方法，并且可以直接调用。class Student extends

Interface的使用1.接口的基础应用对于接口的简单应用，我们直接上例子吧，比如我们以学生举一个例子。// 创建接口interface Student { name: string; age: number; exam?: number; //非必须属性在“:”前加上“?”即可 [propname: string]: any; //此接口允许添加新的属性}// 接口应用实例const getStudent = (student: Student) =

类型注释我们都知道，JavaScript是一种弱类型语言，弱类型语言对于我们规范开发过程是不利的，类型注释就是TypeScript提出的一种强化语言类型的方案，因此，TypeScript也是一种强类型语言。比如我们定义了一个变量age是number类型的，那么我们就不能给它附一个其他类型的值。let age: number;age = 123;如上面的例子所示，typescript中对类型的注释就是使用 “:” 关键字，: + 数据类型 即可完成声明数据类型关键词Strin

安装npm install typescript -g安装完成后控制台输入tsc命令检查是否安装成功，如果出来一大堆英文，就代表你安装好了