构造函数类型

在 TypeScript 中,可以单独声明构造函数的类型。构造函数类型通常用于描述如何创建类的实例,可以使用 new关键字来定义构造函数的类型。

定义构造函数类型

ts 复制代码
// 定义一个构造函数类型 
type PersonConstructor = { new (name: string, age: number): Person; }; 
// 定义 Person 类 
class Person { 
    name: string; 
    age: number; 
    constructor(name: string, age: number) { 
        this.name = name; 
        this.age = age; 
    } 
}

new (name: string, age: number): Person:这表示构造函数接受两个参数 nameage,并返回一个 Person 类的实例。

使用构造函数类型

ts 复制代码
// 声明一个变量,其类型为 PersonConstructor 
let createPerson: PersonConstructor; 
// 赋值为 Person 类的构造函数 
createPerson = Person; 
// 使用构造函数创建 Person 实例 
const person = new createPerson('John', 30); 
console.log(person); // 输出: Person { name: 'John', age: 30 }
相关推荐
EndingCoder5 小时前
配置 tsconfig.json:高级选项
linux·前端·ubuntu·typescript·json
We་ct14 小时前
LeetCode 58. 最后一个单词的长度:两种解法深度剖析
前端·算法·leetcode·typescript
踢球的打工仔15 小时前
typescript-类的访问权限public、private、protected
前端·javascript·typescript
We་ct16 小时前
LeetCode 12. 整数转罗马数字:从逐位实现到规则复用优化
前端·算法·leetcode·typescript
EndingCoder17 小时前
构建工具集成:Webpack 和 TypeScript
前端·webpack·typescript
前端之虎陈随易18 小时前
前端通用插件开发工具unplugin v3.0.0发布
前端·typescript
孟无岐18 小时前
【Laya】HttpRequest 网络请求
网络·typescript·游戏引擎·游戏程序·laya
meng半颗糖19 小时前
vue3+typeScript 在线预览 excel,word,pdf
typescript·word·excel
wuhen_n19 小时前
类型断言:as vs <> vs ! 的使用边界与陷阱
前端·javascript·typescript
哆啦A梦158819 小时前
Vue3魔法手册 作者 张天禹 02
前端·vue.js·typescript