当前位置: 首页 > news >正文

浙江专业网站建设商城报价韩国最新新闻

浙江专业网站建设商城报价,韩国最新新闻,工布江达网站建设,美女与男做那个的视频网站泛型使用 组件不仅能够支持当前的数据类型&#xff0c;同时也能支持未来的数据类型。就需要使用泛型。使用泛型就不会丢失类型信息&#xff0c;使用any会丢失类型信息。 function identity<T>(arg: T): T {return arg; }identity 添加了类型变量T, T 捕获用户传入的类型…

泛型使用

  • 组件不仅能够支持当前的数据类型,同时也能支持未来的数据类型。就需要使用泛型。
  • 使用泛型就不会丢失类型信息,使用any会丢失类型信息。
function identity<T>(arg: T): T {return arg;
}

identity 添加了类型变量T, T 捕获用户传入的类型,就可以使用T类型。可以看到T作为函数参数的类型和返回值类型。如果当用户传入number类型,那么identity函数的参数类型和返回值类型都是number

确定泛型类型

  • 第一种方法,传入确定的类型
let output = identity<string>('myString'); // 明确泛型为string
  • 第二种方法:类型推论
let output = identity('myString'); // typescript 自动推断出类型为 string

使用泛型变量

函数的参数使用变量,函数体必须正确的使用这些参数。

function loggingIdentity<T>(arg: T): T {console.log(arg.length); // Error: T doesn't have .lengthreturn arg;
}

T 是泛型,可以是任何类型,传入的类型可能没有 length属性,所以报错。

  • 修复方案
function loggingIdentity<T>(arg: T[]): T[] {console.log(arg.length); // Error: T doesn't have .lengthreturn arg;
}

泛型类型

泛型函数的类型与非泛型函数的类型没什么不同,只是有一个类型参数在最前面。

function identity<T>(arg: T): T {return arg;
}let myIdentity: <T>(arg: T) => T = identity;

可以使用不同的泛型参数名,只要数量上和使用方式上能对应上就可以。

function identity<T>(arg: T): T {return arg;
}let myIdentity: <U>(arg: U) => U = identity;

使用带有调用签名的对象字面量来定义泛型函数:

function identity<T>(arg: T): T {return arg;
}let myIdentity: {<T>(arg: T): T} = identity;

带有调用签名的对象字面量,改成接口

interface GenericIdentityFn {<T>(arg: T): T;
}function identity<T>(arg: T): T {return arg;
}let myIdentity: GenericIdentityFn = identity;

一个泛型参数作为整个接口的一个参数

interface GenericIdentityFn<T> {(arg: T): T;
}function identity<T>(arg: T): T {return arg;
}let myIdentity: GenericIdentityFn<number> = identity;

泛型类

class GenericNumber<T> {zeroValue: T;add: (x: T, y: T) => T;
}let myGenericNumber = new GenericNumber<number>();
myGenericNumber.zeroValue = 0;
myGenericNumber.add = function (x, y) {return x + y;
};

类有两部分:静态部分和实例部分,泛型类指的是实例部分的类型,所以类的静态属性不能使用泛型类型。

泛型约束

给定泛型一些属性的约束,传入的类型必须拥有这些属性。

interface Lengthwise {length: number;
}// 泛型T给定了 Lengthwise 类型约束,传入的值,必须包含 lengthwise 类型的属性
function loggingIdentity<T extends Lengthwise>(arg: T): T {console.log(arg.length);return arg;
}

在泛型里使用类类型

使用泛型创建工厂函数时,需要引用构造函数的类类型

function create<T>(c: {new (): T}): T {return new c();
}

原型属性推断并约束构造函数与类实例的关系

class BeeKeeper {hashMask: boolean;
}class ZooKeeper {nametag: string;
}class Animal {numLegs: number;
}class Bee extends Animal {keeper: BeeKeeper;
}class Lion extends Animal {keeper: ZooKeeper;
}function createInstance<A extends Animal>(c: new () => A): A {return new c();
}// createInstance(Lion).keeper.nametag;
// createInstance(Bee).keeper.hashMaskconst lion = createInstance(Lion);
lion.numLegs = 4;
lion.keeper.nametag = '狮子';const bee = createInstance(Bee);
bee.numLegs = 4;
bee.keeper.hashMask = true;
http://www.tj-hxxt.cn/news/98930.html

相关文章:

  • 郴州 网站建设seo优化的基本流程
  • wordpress 页面下载企业网站优化的三层含义
  • 优化网站费用微博推广费用一般多少
  • 电子商务网站建设与运营方向免费生成短链接
  • 苏州网站设计哪家好百度免费建网站
  • 建设交友网站的好处优化一下
  • 高端企业网站 程序抖音搜索seo软件
  • win7 asp.net网站架设网络营销技巧和营销方法
  • 亚马逊网站特点近期重大新闻事件
  • 上海住房和城乡建设委员会官方网站可以做产品推广的软件有哪些
  • 做网站都要掌握什么软件站内推广和站外推广的区别
  • 重庆社区官网seo网站推广
  • 网站建设画册bing搜索引擎
  • 好的版式设计网站中文搜索引擎大全
  • 手机可以建设网站吗seo排名赚app多久了
  • 怎么样做网站的目录结构友情链接页面
  • 怎么做自己的优惠券网站百度搜索关键词优化
  • 我是做装修的怎么样投资网站线上销售平台
  • 网站建设高端培训真正免费的网站建站
  • 网站备案 网址市场seo是什么意思
  • 动态网站开发实例网上书店百度推广登录平台网址
  • wordpress超级密码破解seo网站优化经理
  • 有人做家具网站中介吗站长工具网站
  • 简单建优化网站无需技术seo日常优化内容是什么
  • 微信网站怎么做的好百度官网平台
  • 易语言网站开发教程百度app安装
  • 什么网站专做韩国美妆批发的信息流优化
  • 通辽做网站制作google搜索引擎入口2022
  • 网时 网站服务器租赁百度seo优化是什么
  • 做电影网站大概要多少钱百度推广售后服务电话