TypeScript语法基础 - 泛型

   1. 泛型函数

function getData(value:T):T{
	return value;
}

//调用时输入类型
console.log(getData(123)); //123
console.log(getData('gogogo')); //gogogo

 

   2. 泛型类

class MinClass{
	public list:T[]=[];

	add(value:T):void{
		this.list.push(value);

	}

	min():T{
		var minNum=this.list[0];
		for(var i=0;i<list.length; i++){
			if(minNum > this.list[i]){
				minNum=this.list[i];
			}
		}

		return minNum;
	}
}

var m1=new MinClass(); /*实例化类，并且制定了类的类型是number*/
m1.add(2);
m1.add(7);
m1.add(444);
console.log(m1.min()); //输出最小是2
var m2=new MinClass(); /*实例化类，并且制定了类的类型是string*/
m2.add('a');
m2.add('g');
m2.add('v');
console.log(m2.min()); //输出最小是'a'

 

   3. 泛型函数接口

a. 第一种写法

interface ConfigFn {
	(value:T):T;
}

var getData:ConfigFn=function(value:T):T{
	return value;
}
console.log(getData('张三'));// 张三
console.log(getData(1111)); //1111

 

b. 第二种写法

interface ConfigFn{
	(value:T):T;
}

function getData(value:T):T{
	return value;
}

//选择string类型
var myGetData:ConfigFn=getData;
//调用
console.log(myGetData('20'));//'20'

 

    4. 泛型类实例Db类

/*
* 定义一个user的类的这个类的作用就是映射数据库字段
* 然后定义一个MysqlDb的类这个类用于操作数据库
* 然后把User类作为参数传入到MysqlDb中
* */
//把类作为参数来约束数据传入类型
class User{
	username:string |undefined;
	password: string| undefined;
}

class MysqlDb{
	add(user:User):boolean{
		console.log(user);
		return true;
	}
}

var u=new User();
u.username='张三';
u.password='12233';
var Db=new MysqlDb();
Db.add(u);

 

   5. 操作数据库的泛型类

class MysqlDb{
	//增添操作
	add(info:T):boolean{
		console.log(info);
		return true;
	}

	//更新操作
	updated(info:T,id:number):boolean{
		console.log(info);
		console.log(id);
		return true;
	}

}

//1.定义一个User类 和数据库进行映射
class User{
	username:string | undefined;
	password: string | undefined;
}

var u=new User();
u.username='钩子';
u.password='1111';
var Db1=new MysqlDb();
console.log(Db1.add(u));