typescript泛型(学习笔记非干货)
软件工程中,我们不仅要创建一致的定义良好的API,同时也要考虑可重用性。 组件不仅能够支持当前的数据类型,同时也能支持未来的数据类型,
这在创建大型系统时为你提供了十分灵活的功能。
In software engineering, we should not only create well-defined APIs, but also consider reusability. Components can support not only
current data types, but also future data types.This provides you with very flexible functionality when creating large systems.
在像C#和Java这样的语言中,可以使用泛型来创建可重用的组件,一个组件可以支持多种类型的数据。 这样用户就可以以自己的数据类型来使用组件。
In languages like C# and Java, generics can be used to create reusable components, and a component can support multiple types of data.
This allows users to use components with their own data types.
泛型之Generic
Generic Generic
identity函数。 这个函数会返回任何传入它的值。 你可以把这个函数当成是echo命令。
identity Function. This function returns any value passed in. You can think of this function as echo command.
不用泛型的话,这个函数可能是下面这样:
Without generics, this function might be as follows:
function identity(arg:number):number{
return arg;
}
function identity(arg:any):any{
return arg;//传入的类型与返回的类型应该是相同的。
}
我们需要一种方法使返回值的类型与传入参数的类型是相同的。 这里,我们使用了 类型变量,它是一种特殊的变量,只用于表示类型而不是值。
We need a way to make the type of the return value the same as the type of the incoming parameter. Here, we use a type variable,
which is a special variable and is used only to represent a type rather than a value.
function identity<T>(arg:T):T{
return arg;
}
我们定义了泛型函数后,可以用两种方法使用。 第一种是,传入所有的参数,包含类型参数:
After we define generic functions, we can use them in two ways. The first is to pass in all parameters, including type parameters:
let output=identity<string>("myString");//string
第二种方法更普遍。利用了类型推论 -- 即编译器会根据传入的参数自动地帮助我们确定T的类型:
The second method is more common. Using type inference, the compiler automatically helps
us determine the type of T based on the parameters passed in:
let output=identity("mySomething");//string
使用泛型变量
Using generic variables
function identity<T>(arg:T):T{
return arg;
}
如果我们想同时打印出arg的长度。 我们很可能会这样做:
If we want to print the length of Arg at the same time. We are likely to do so:
function identity<T>(arg:T[]):T[]{
console.log(arg.length);
return arg;
}
function loggingIdentity<T>(arg:Array<T>):Array<T>{
console.log(arg.length);
return arg;
}
泛型类型
generic types
function identity<T>(arg:T):T{
return arg;
}
let myIdentity:<T>(arg:T)=>T=identity;
我们也可以使用不同的泛型参数名,只要在数量上和使用方式上能对应上就可以。
We can also use different generic parameter names as long as they correspond quantitatively and in terms of usage.
function identity<T>(arg:T):T{
return arg;
}
let myIdentity:<U>(arg:U)=>U=identity;
我们还可以使用带有调用签名的对象字面量来定义泛型函数:
We can also use object literals with call signatures to define generic functions:
function identity<T>(arg:T):T{
return arg;
}
let myIdentity:{<T>(arg:T):T}=identity;
这引导我们去写第一个泛型接口了。 我们把上面例子里的对象字面量拿出来做为一个接口:
This leads us to write the first generic interface. Let's take the literal quantities of the
objects in the example above as an interface:
interface GenericIdentityFn{
<T>(arg:T):T;
}
function identity<T>(arg:T):T{
return arg;
}
let myIdentity:GenericIdentityFn=identity;
一个相似的例子,我们可能想把泛型参数当作整个接口的一个参数。 这样我们就能清楚的知道使用的具体是哪个泛型类型。
For a similar example, we might want to consider generic parameters as a parameter of the entire interface. In this way,
we can clearly know which generic type we are using.
这样接口里的其它成员也能知道这个参数的类型了。
So that other members of the interface can also know the type of this parameter.
interface GenericIdentityFn<T>{
(arg:T):T;
}
function identity<T>(arg:T):T{
return arg;
}
let myIdentity:GeneratorFunction<number>=identity;//把非泛型函数签名作为泛型类型一部分
除了泛型接口,我们还可以创建泛型类。 注意,无法创建泛型枚举和泛型命名空间。
In addition to generic interfaces, we can also create generic classes. Note that generic enumerations and generic namespaces cannot be created.
泛型类
generic class
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;};
与接口一样,直接把泛型类型放在类后面,可以帮助我们确认类的所有属性都在使用相同的类型。
Just like interfaces, placing generic types directly behind classes can help us confirm that all attributes of classes use the same type.
泛型约束
Generic constraints
function loggingIdentity<T>(arg:T):T{
console.log(arg.length);
return arg;
}
我们定义一个接口来描述约束条件。 创建一个包含 .length属性的接口,使用这个接口和extends关键字还实现约束:
We define an interface to describe constraints. Create an interface with. length attributes, and use this interface
and extends keywords to implement constraints:
interface Lengthwise{
length:number;
}
function loggingIdentity<T extends Lengthwise>:T{
console.log(arg.length);
return arg;
}
在泛型约束中使用类型参数
Using type parameters in generic constraints
你可以声明一个类型参数,且它被另一个类型参数所约束。比如,
You can declare a type parameter and it is constrained by another type parameter. For example,
function find<T,U extends Findable>>(n:Text,s:U){
}
find(giraffe,myAnimals);
在泛型里使用类类型
Use class types in generics
function create<T>(c:{new():T;}):T{
return new c();
}
使用原型属性推断并约束构造函数与类实例的关系。
Use prototype attributes to infer and constrain the relationship between constructors and class instances.
class BeeKeeper {
hasMask: boolean;
}
class ZooKeeper {
nametag: string;
}
class Animal {
numLegs: number;
}
class Bee extends Animal {
keeper: BeeKeeper;
}
class Lion extends Animal {
keeper: ZooKeeper;
}
function findKeeper<A extends Animal, K> (a: {new(): A;
prototype: {keeper: K}}): K {
return a.prototype.keeper;
}
findKeeper(Lion).nametag;
by泛型这个不好懂啊,感觉也不好用啊
typescript泛型(学习笔记非干货)的更多相关文章
- typescript类(学习笔记非干货)
我们声明一个 Greeter类.这个类有3个成员:一个叫做greeting的属性,一个构造函数和一个greet方法. We declare a Greeter class. This class ha ...
- typescript接口(学习笔记非干货)
typescript的核心原则之一就是对所具有的shape类型检查结构性子类型化 One of the core principles of typescript is to check struct ...
- typescript基础类型(学习笔记非干货)
布尔值 Boolean let isDone:boolean=false; 数字 Number let decLiteral:number=6; let hexLiteral:number=0xf00 ...
- typescript枚举,类型推论,类型兼容性,高级类型,Symbols(学习笔记非干货)
枚举部分 Enumeration part 使用枚举我们可以定义一些有名字的数字常量. 枚举通过 enum关键字来定义. Using enumerations, we can define some ...
- typescript变量声明(学习笔记非干货)
var a=10; function f(){ var message="hello,world"; return message; } function f(){ a=10; r ...
- mongoDB 学习笔记纯干货(mongoose、增删改查、聚合、索引、连接、备份与恢复、监控等等)
最后更新时间:2017-07-13 11:10:49 原始文章链接:http://www.lovebxm.com/2017/07/13/mongodb_primer/ MongoDB - 简介 官网: ...
- typescript handbook 学习笔记4
概述 这是我学习typescript的笔记.写这个笔记的原因主要有2个,一个是熟悉相关的写法:另一个是理清其中一些晦涩的东西.供以后开发时参考,相信对其他人也有用. 学习typescript建议直接看 ...
- typescript handbook 学习笔记3
概述 这是我学习typescript的笔记.写这个笔记的原因主要有2个,一个是熟悉相关的写法:另一个是理清其中一些晦涩的东西.供以后开发时参考,相信对其他人也有用. 学习typescript建议直接看 ...
- typescript handbook 学习笔记2
概述 这是我学习typescript的笔记.写这个笔记的原因主要有2个,一个是熟悉相关的写法:另一个是理清其中一些晦涩的东西.供以后开发时参考,相信对其他人也有用. 学习typescript建议直接看 ...
随机推荐
- 快速零配置迁移 API 适配 iOS 对 IPv6 以及 HTTPS 的要求
本文快速分享一下快速零配置迁移 API 适配 iOS 对 IPv6 以及 HTTPS 的要求的方法,供大家参考. 原文发表于我的技术博客 零配置方案 最新的苹果审核政策对 API 的 IPv6 以及 ...
- MyBatis中if,where,set标签
<if>标签 <select id="findActiveBlogWithTitleLike" resultType="Blog"> S ...
- 在centos7虚拟机上挂载镜像,并设置yum源(包括遇到的问题)
挂载镜像方法很简单: mkdir /etc/a mount /dev/cdrom /etc/a 查看挂载情况 : df -h 修改yum源文件 : 先把 CentOS-Base.repo 文件名改一 ...
- 『编程题全队』Scrum 冲刺博客
1.介绍小组新加入的成员,Ta担任的角色 Answer: 我们小组的倪兢飞同学决定跳槽到团队あ,我们小组开了一个简短而又严肃的会议,满足倪兢飞同学的意愿,并感谢他为团队做出的巨大贡献.虽然我们遗失了一 ...
- 77 Linux commands and utilities you'll actually use
https://searchdatacenter.techtarget.com/tutorial/77-Linux-commands-and-utilities-youll-actually-use
- FreeMarker has_content等价于StringUtils.isNotNullOrEmpty
has_content It is true if the variable exists (and isn't Java null) and is not "empty", ot ...
- Jmeter While Controller 使用${__jexl2(,)}
1. String [] str ={"1","2","3"}; vars.putObject("strArray",s ...
- rem布局进阶
<script>!function(e){function t(a){if(i[a])return i[a].exports;var n=i[a]={exports:{},id:a,loa ...
- pandas获取当前时间
datetime.now()用于获取当前的日期和时间 print pd.datetime.now() #encoding:utf8 import pandas as pd print("(p ...
- python之字典操作
字典操作代码如下: #数据字典操作汇总 person = {'name': 'Mike', 'age': 25} print("初始的数据字典:", person) #访问字典值 ...