javascript - 在 typescript 箭头函数中，参数列表前的 'new' 关键字是什么意思？

Question

这个问题在这里已经有了答案:





what is new() in Typescript?

(4 个回答)


1年前关闭。




我对 TypeScript 甚至 JavaScript 还是很陌生。而且我一直在尝试围绕 Microsoft 的一个示例来了解如何将 AzureAD 身份验证集成到 React 应用程序中。该示例使用 HOC 为组件提供身份验证。 HOC 的声明如下所示:

function withAuthProvider<T extends React.Component<AuthComponentProps>>(
    WrappedComponent: new (props: AuthComponentProps, context?: any) => T
): React.ComponentClass {...}

其中大部分或多或少都清楚。令我困惑的是 WrappedComponent的类型.具体来说，我不明白 new 是什么关键字在这种情况下确实如此。
谁能帮我吗？

Answer 1

它是一个构造函数类型。这意味着当您使用 new 调用它时，你可以给它一个props参数和可选的 context参数，它将构造一个类型为 T 的实例.
这是一个例子:

class Foo {
    private value: number;
    constructor(x: number, y: number = 1) {
        this.value = x + y;
    }
}

const foo: new (arg1: number, arg2?: number) => Foo = Foo;
// can be invoked like this (with new)
const x1: Foo = new foo(1);
const x2: Foo = new foo(1, 2);
// cannot be invoked without new
// these lines will error at both compile- and run-time
const y1: Foo = foo(1);
const y2: Foo = foo(1, 2);