构造函数类型

在 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 }
相关推荐
小王码农记3 小时前
vue中路由缓存
前端·vue.js·缓存·typescript·anti-design-vue
Star7681 天前
ts泛型的一个小知识
前端·typescript
盛夏绽放2 天前
Vue 3与TypeScript集成指南:构建类型安全的前端应用
前端·vue.js·typescript
Swift社区2 天前
使用 AI 在医疗影像分析中的应用探索
typescript·tensorflow·openai
九月儿2 天前
Vue3 + Vite 项目引入 Typescript
前端·typescript
周三有雨2 天前
Object.prototype.hasOwnProperty.call(item, key) 作用与用途
前端·javascript·vue.js·typescript·原型模式
swipe3 天前
Typescript进阶之类型体操套路四
前端·javascript·typescript
MavenTalk3 天前
Solana应用开发常见技术栈
rust·typescript·公链·solana·区块链开发·web3.js
friend_ship3 天前
在Node.js中如何使用TypeScript
typescript·node.js·在node项目中使用ts
我也有在努力3 天前
解决Electron拖拽窗口点击事件失效问题
前端·javascript·vue.js·typescript·electron·vue