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

网站模版怎么用图文识别微信小程序是什么

网站模版怎么用,图文识别微信小程序是什么,wordpress建站配置,广州番禺区工商职业技术学校一、是什么 泛型程序设计(generic programming)是程序设计语言的一种风格或范式 泛型允许我们在强类型程序设计语言中编写代码时使用一些以后才指定的类型,在实例化时作为参数指明这些类型 在typescript中,定义函数,…

一、是什么

泛型程序设计(generic programming)是程序设计语言的一种风格或范式

泛型允许我们在强类型程序设计语言中编写代码时使用一些以后才指定的类型,在实例化时作为参数指明这些类型 在typescript中,定义函数,接口或者类的时候,不预先定义好具体的类型,而在使用的时候在指定类型的一种特性

假设我们用一个函数,它可接受一个 number 参数并返回一个number 参数,如下写法:

function returnItem (para: number): number {return para
}

如果我们打算接受一个 string 类型,然后再返回 string类型,则如下写法:

function returnItem (para: string): string {return para
}

上述两种编写方式,存在一个最明显的问题在于,代码重复度比较高

虽然可以使用 any类型去替代,但这也并不是很好的方案,因为我们的目的是接收什么类型的参数返回什么类型的参数,即在运行时传入参数我们才能确定类型

这种情况就可以使用泛型,如下所示:

function returnItem<T>(para: T): T {return para
}

可以看到,泛型给予开发者创造灵活、可重用代码的能力

二、使用方式

泛型通过<>的形式进行表述,可以声明:

  • 函数

  • 接口

函数声明

声明函数的形式如下:

function returnItem<T>(para: T): T {return para
}

定义泛型的时候,可以一次定义多个类型参数,比如我们可以同时定义泛型 T 和 泛型 U

function swap<T, U>(tuple: [T, U]): [U, T] {return [tuple[1], tuple[0]];
}swap([7, 'seven']); // ['seven', 7]

接口声明

声明接口的形式如下:

interface ReturnItemFn<T> {(para: T): T
}

那么当我们想传入一个number作为参数的时候,就可以这样声明函数:

const returnItem: ReturnItemFn<number> = para => para

类声明

使用泛型声明类的时候,既可以作用于类本身,也可以作用与类的成员函数

下面简单实现一个元素同类型的栈结构,如下所示:

class Stack<T> {private arr: T[] = []public push(item: T) {this.arr.push(item)}public pop() {this.arr.pop()}
}

使用方式如下:

const stack = new Stacn<number>()

如果上述只能传递 string 和 number 类型,这时候就可以使用 <T extends xx> 的方式猜实现约束泛型,如下所示:

除了上述的形式,泛型更高级的使用如下:

例如要设计一个函数,这个函数接受两个参数,一个参数为对象,另一个参数为对象上的属性,我们通过这两个参数返回这个属性的值

这时候就设计到泛型的索引类型和约束类型共同实现

索引类型、约束类型

索引类型 keyof T 把传入的对象的属性类型取出生成一个联合类型,这里的泛型 U 被约束在这个联合类型中,如下所示:

function getValue<T extends object, U extends keyof T>(obj: T, key: U) {return obj[key] // ok
}

上述为什么需要使用泛型约束,而不是直接定义第一个参数为 object类型,是因为默认情况 object 指的是{},而我们接收的对象是各种各样的,一个泛型来表示传入的对象类型,比如 T extends object

使用如下图所示:

多类型约束

例如如下需要实现两个接口的类型约束:

interface FirstInterface {doSomething(): number
}interface SecondInterface {doSomethingElse(): string
}

可以创建一个接口继承上述两个接口,如下:

interface ChildInterface extends FirstInterface, SecondInterface {}

正确使用如下:

class Demo<T extends ChildInterface> {private genericProperty: Tconstructor(genericProperty: T) {this.genericProperty = genericProperty}useT() {this.genericProperty.doSomething()this.genericProperty.doSomethingElse()}
}

通过泛型约束就可以达到多类型约束的目的

三、应用场景

通过上面初步的了解,后述在编写 typescript 的时候,定义函数,接口或者类的时候,不预先定义好具体的类型,而在使用的时候在指定类型的一种特性的时候,这种情况下就可以使用泛型

灵活的使用泛型定义类型,是掌握typescript 必经之路

http://www.yayakq.cn/news/958714/

相关文章:

  • 可以做兼职笔译的网站珠海门户网站建设价格
  • 企业网站建设实训报告体会浙江非标电动车
  • 手机做炫光头像图的网站wordpress的文章tag标签
  • 浙江省住房建设局网站怎么做好推广和营销
  • 注册网站域名需要什么南通市交通建设处网站
  • 福州网站建设信息ps怎么做网站横幅广告
  • 建筑公司网站首页图片wordpress照片页面
  • 网站设计的主要机构有哪些网页设计与制作期末作业源代码
  • js网站计数器代码企业局域网做网站屏蔽
  • 网站微信支付申请流程王烨老师
  • 网站设计特点网站开发 pdf 文字版
  • 网站建设和运维合同网站建设人员叫什么
  • 深圳网站公司有哪些资阳网站seo
  • 青海省建设工程在哪个网站发布注册城乡规划师好考吗
  • 网站首页素材邮箱怎么上传wordpress
  • 企业网站建设的三个核心问题苏州建网站哪个好
  • 定制网站和模板网站及仿站的区别wordpress 短视频
  • 漳州模板网站建设营销型网站要素
  • 新乡做网站报价网站域名不变网站可以从做吗
  • 网站建设生存期模型智慧团建系统登录网站
  • wpf做的网站厦门公司注册网址
  • 那个外贸网站做的好百度怎么做自己的网页
  • 宁德市住房和城乡建设局新网站网站seo推广方案
  • 广州网站设计公司兴田德润在那里在线外链推广
  • 网站开发部门工作职责公司经营范围
  • 诸城网站建设多少钱购车网站设计
  • 厦门好的做网站公司wordpress 翻页代码
  • h5制作工具网站做网站商业欺骗赔多少
  • 公司建的是网页还是网站如何建立自己的网站步骤
  • 官方网站建设需要哪个部门审批北京朝阳区房价