微客导航 » 文章资讯 » TypeScript 用作参数

TypeScript 用作参数

2024-04-12 08:31:03 441

示例

假设我们想接收一个函数作为参数，我们可以这样做：

function foo(otherFunc: Function): void {
    ...
}

如果要接收构造函数作为参数：

function foo(constructorFunc: { new() }) {
    new constructorFunc();
}

function foo(constructorWithParamsFunc: { new(num: number) }) {
    new constructorWithParamsFunc(1);
}

为了使阅读更容易，我们可以定义一个描述构造函数的接口：

interface IConstructor {
    new();
}

function foo(contructorFunc: IConstructor) { 
    new constructorFunc();
}

或带有参数：

interface INumberConstructor {
    new(num: number);
}

function foo(contructorFunc: INumberConstructor) {
    new contructorFunc(1);
}

即使使用泛型：

interface ITConstructor<T, U> {
    new(item: T): U;
}

function foo<T, U>(contructorFunc: ITConstructor<T, U>, item: T): U {
    return new contructorFunc(item);
}

如果我们想接收一个简单的函数而不是一个构造函数，则几乎是相同的：

function foo(func: { (): void }) {
    func();
}

function foo(constructorWithParamsFunc: { (num: number): void }) {
    new constructorWithParamsFunc(1);
}

为了使阅读更容易，我们可以定义一个描述函数的接口：

interface IFunction {
    (): void;
}

function foo(func: IFunction ) { 
    func();
}

或带有参数：

interface INumberFunction {
    (num: number): string;
}

function foo(func: INumberFunction ) {
    func(1);
}

即使使用泛型：

interface ITFunc<T, U> {
    (item: T): U;
}

function foo<T, U>(contructorFunc: ITFunc<T, U>, item: T): U {
    return func(item);
}

返回顶部
3162201930
czq8825@qq.com

TypeScript 用作参数

示例

热门推荐

随机推荐