详解什么是TypeScript里的Constructor signature
Constructor signature
TypeScript 官方文档里关于 Constructor signature 只有这短短的一段话：
JavaScript functions can also be invoked with the new operator. TypeScript refers to these as constructors because they usually create a new object. You can write a construct signature by adding the new keyword in front of a call signature:
JavaScript 函数也可以使用 new 运算符调用。 TypeScript 将这些称为构造函数，因为它们通常会创建一个新对象。
编写构造签名
您可以通过在调用签名前添加 new 关键字来编写构造签名：
type SomeConstructor = {
new (s: string): SomeObject;
};
function fn(ctor: SomeConstructor) {
return new ctor("hello");
}但这个例子还是看得我一头雾水，自己摸索了一下，写了一个例子：
type Jerry = {
score: number;
}
type SomeConstructor = {
new(s: number): Jerry;
};
class MyConstructor implements Jerry{
score: number;
constructor(score: number){
this.score = score;
}
}
function demo(ctor: SomeConstructor, number:number) {
return new ctor(number);
}
console.log('Ethan:' , demo(MyConstructor, 100));
console.log('Ethan:' , demo(MyConstructor, 200));定义新的函数类型
下面的代码使用 constructor signature 定义了一个新的函数类型：
接收的输入是 number，输出是自定义类型 Jerry.
如果去掉 new，就是我们已经熟悉的 call signature 语法.
class MyConstructor 实现了 Jerry 类型：
MyConstructor 可以看成 SomeConstructor 的一种具体实现。
这样，凡是输入参数需要传入 SomeConstructor 的地方，我传 MyConstructor 进去，一样能够工作。
demo 在这里相当于工厂函数，我们可以看到，尽管应用代码里没有显式使用 new 关键字，最后还是获得了两个不同的实例：
以上就是详解什么是TypeScript里的Constructor signature的详细内容，更多关于TypeScript Constructor signature的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要为大家介绍了type-challenge刷题(easy部分)示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
这篇文章主要为大家介绍了TypeScript逆变之条件推断和泛型的应用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-09-09
Typescript目前在前端，网站，小程序中的位置基本无可替代，同时也可以构建完美的CLI应用。在移动，桌面，后端方面，性能不是要求很高的情况下完全可以胜任，并且在区块链，嵌入式，人工智能方面也开始茁壮成长。2022-12-12
对于Postman的使用，一般情况下只要发发确定的请求与参数就可以的了,然而，在使用的时候，尤其是接口测试时，请求接口的设计里面都有数据加密，参数验签，返回数据也有进行加密的，这个时候就需要使用一些脚本做处理，模拟app登入请求的操作2021-08-08
这篇文章主要介绍了typescript在vue中的入门案例代码demo,使用技术栈vue2+typescript+scss入门练手项目，天气预报demo，需要的朋友可以参考下。2022-12-12
这篇文章主要为大家介绍了TypeScript实现类型安全的EventEmitter示例详解有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
这篇文章主要为大家介绍了TypeScript开发HapiJS应用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
这篇文章主要为大家介绍了Three.js引入Cannon.js及使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
Typescript extends 关键字继承类型约束及条件类型判断实现示例解析
这篇文章主要介绍了Typescript extends 关键字继承类型约束及条件类型判断实现示例解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-08-08
这篇文章主要为大家介绍了typescript type类型使用梳理总结,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
最新评论