Typescript环境声明名称空间

Question

最近，我将水疗中心应用程序移至打字稿，现在我坚持实施用于openid身份验证的rsa.js声明文件。

以前使用过的Js代码如下。

var jws = new KJUR.jws.JWS();
jws.verifyJWSByPemX509Cert(idToken, cert);

在rsa.d.ts文件中

declare namespace KJUR.jws {
    interface IParsedJWS {
        payloadS: any
    }
    interface IJWS {
        new ();
        verifyJWSByPemX509Cert(idToken: string, cert: string): boolean;
        parsedJWS: IParsedJWS;
    }
}

declare var JWS: KJUR.jws.IJWS;
declare module "KJUR.jws.JWS" {
    export = JWS;
}

我不确定在这里做什么，请任何人指导我正确的方式。我如何定义像KJUR.jws.JWS这样的命名空间以使用新的KJUR.jws.JWS（）;?

谢谢

Answer 1

首先，您的IJWS接口定义中存在一个错误。 它定义了一个类类的对象（带有构造函数的东西），但没有说明构造函数返回的内容，并且定义的方法附加到接口（即类本身）上，而不是构造函数返回的对象。 您真正想要的是一个类定义，而不是一个接口：

class JWS {
    verifyJWSByPemX509Cert(idToken: string, cert: string): boolean;
    parsedJWS: IParsedJWS;
}

这可以更准确地表示您实际拥有的东西。 一旦知道了这很容易，您只需要从模块内部（ 操场链接 ）中导出类即可。

declare namespace KJUR.jws {
    interface IParsedJWS {
        payloadS: any
    }

    export class JWS {
        verifyJWSByPemX509Cert(idToken: string, cert: string): boolean;
        parsedJWS: IParsedJWS;
    }
}

如果您想定义一个“环境”模块，则该方法有效：不需要显式加载的模块（即，表示运行时已经存在的全局变量的类型）。

如果你想使这个名字的模块加载，通过节点模块/ RequireJS /等等，你只需要该定义移动到一个单独的文件，而不是使用一个命名空间的模块，和周围的名字加引号，如下游乐场 ：

// In a separate file, e.g. "KJUR.d.ts":
declare module "KJUR.jws" {
    interface IParsedJWS {
        payloadS: any
    }

    export class JWS {
        verifyJWSByPemX509Cert(idToken: string, cert: string): boolean;
        parsedJWS: IParsedJWS;
    }
}

// Elsewhere:

// (The string below and the module name above need to match what RequireJS
// is expecting, or it'll compile, but fail to find the module at runtime.
// You can change them to anything you like, as long as they match.) 
import jws = require("KJUR.jws");

var idToken: string;
var cert: string;

var jws = new jws.JWS();
jws.verifyJWSByPemX509Cert(idToken, cert);

关键的区别在于，此KJUR对象实际上是如何在运行时加载到JavaScript中的。 如果您需要主动加载模块以使其可用，则需要使用命名模块语法（上面的第二个选项）。 如果它是一个已经存在的全局变量（您已经添加了一个脚本标签），则应该只使用第一个选项。