泛類(lèi)

泛類(lèi)：泛型可以幫助我們避免重復(fù)的代碼以及對(duì)不特定數(shù)據(jù)類(lèi)型的支持(類(lèi)型校驗(yàn))琐馆，下面我們看看把類(lèi)當(dāng)做參數(shù)的泛型類(lèi)
1唠倦、定義個(gè)類(lèi)
2、把類(lèi)作為參數(shù)來(lái)約束數(shù)據(jù)傳入的類(lèi)型 
*/
//比如有個(gè)最小堆算法 普通類(lèi)型
// class MinClass{
//     public list:number[]=[];
//     add(num:number){
//         this.list.push(num)
//     }
//     min():number{
//         var minNum=this.list[0];
//         for(var i=0;i<this.list.length;i++){
//             if(minNum>this.list[i]){
//                 minNum=this.list[i];
//             }
//         }
//         return minNum;
//     }
// }
// var m1=new MinClass();   
// m1.add(11);
// m1.add(3);
// m1.add(2);
// alert(m1.min())
//類(lèi)的泛型
// class MinClas<T>{
//     public list:T[]=[];
//     add(value:T):void{
//         this.list.push(value);
//     }
//     min():T{        
//         var minNum=this.list[0];
//         for(var i=0;i<this.list.length;i++){
//             if(minNum>this.list[i]){
//                 minNum=this.list[i];
//             }
//         }
//         return minNum;
//     }
// }
// var m1=new MinClas<number>();   //實(shí)例化類(lèi) 并且指定了類(lèi)的T代表的類(lèi)型是number
// m1.add(11);
// m1.add(3);
// m1.add(2);
// alert(m1.min())
// var m2=new MinClas<string>();  //實(shí)例化類(lèi) 并指定定了類(lèi)的T代表的類(lèi)型是string
// m2.add('c');
// m2.add('a');
// m2.add('v');
// alert(m2.min())
/*
定義一個(gè)User的類(lèi)這個(gè)類(lèi)的作用就是映射數(shù)據(jù)庫(kù)字段  
然后定義一個(gè) MysqlDb的類(lèi)這個(gè)類(lèi)用于操作數(shù)據(jù)庫(kù)   
然后把User類(lèi)作為參數(shù)傳入到MysqlDb中
var user=new User({
    username:'張三',
    password:'123456'
})
var Db=new MysqlDb();
Db.add(user);
*/
//把類(lèi)作為參數(shù)來(lái)約束數(shù)據(jù)傳入的類(lèi)型 
// class User{
//     username:string | undefined;
//     pasword:string | undefined;
// }
// class MysqlDb{
//     add(user:User):boolean{
//         console.log(user);
//         return true;
//     }
// }
// var u=new User();
// u.username='張三';
// u.pasword='123456';
// var Db=new MysqlDb();
// Db.add(u);
// class ArticleCate{
//     title:string | undefined;
//     desc:string | undefined;
//     status:number | undefined
// }
// class MysqlDb{
//     add(info:ArticleCate):boolean{
//         console.log(info);
//         console.log(info.title);
//         return true;
//     }
// }
// var a=new ArticleCate();
// a.title="國(guó)內(nèi)";
// a.desc="國(guó)內(nèi)新聞";
// a.status=1;
// var Db=new MysqlDb();
// Db.add(a);
// 問(wèn)題：代碼重復(fù)
//定義操作數(shù)據(jù)庫(kù)的泛型類(lèi)
class MysqlDb<T>{
    add(info:T):boolean{
        console.log(info);       
        return true;
    }
    updated(info:T,id:number):boolean {
        console.log(info);  
        console.log(id); 
        return true;
    }
}
//想給User表增加數(shù)據(jù)
// 1、定義一個(gè)User類(lèi) 和數(shù)據(jù)庫(kù)進(jìn)行映射
// class User{
//     username:string | undefined;
//     pasword:string | undefined;
// }
// var u=new User();
// u.username='張三';
// u.pasword='123456';
// var Db=new MysqlDb<User>();
// Db.add(u);
//2箍鼓、相關(guān)ArticleCate增加數(shù)據(jù)  定義一個(gè)ArticleCate類(lèi) 和數(shù)據(jù)庫(kù)進(jìn)行映射
class ArticleCate{
    title:string | undefined;
    desc:string | undefined;
    status:number | undefined;
    constructor(params:{
        title:string | undefined,
        desc:string | undefined,
        status?:number | undefined
    }){
        this.title=params.title;
        this.desc=params.desc;
        this.status=params.status;
    }
}
//增加操作
// var a=new ArticleCate({
//     title:'分類(lèi)',
//     desc:'1111',
//     status:1
// });
// //類(lèi)當(dāng)做參數(shù)的泛型類(lèi)
// var Db=new MysqlDb<ArticleCate>();
// Db.add(a);
//修改數(shù)據(jù)
var a=new ArticleCate({
        title:'分類(lèi)111',
        desc:'2222'      
});
a.status=0;
var Db=new MysqlDb<ArticleCate>();
Db.updated(a,12);