TypeScript--泛型类

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了TypeScript--泛型类，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1586字，纯文字阅读大概需要3分钟。

内容图文

我们想用类来操作数据库，往里面添加数据。

这里先不使用泛型类，把类作为参数

/*
定义一个User的类这个类的作用就是映射数据库字段  
然后定义一个 MysqlDb的类这个类用于操作数据库   
然后把User类作为参数传入到MysqlDb中
*/
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);

这里使用泛型类

示例01：

//定义操作数据库的泛型类
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表增加数据
// 1、定义一个User类 和数据库进行映射

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);

示例02：

//定义操作数据库的泛型类
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;
  }
}
//2、相关ArticleCate增加数据  定义一个ArticleCate类 和数据库进行映射
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: "分类111",
  desc: "2222",
});

a.status = 0;
var Db = new MysqlDb<ArticleCate>();
Db.updated(a, 12);

内容总结

以上是互联网集市为您收集整理的TypeScript--泛型类全部内容，希望文章能够帮你解决TypeScript--泛型类所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---