在TypeScript中解释"export ="和"export as namespace"语法

Question

我试图利用DefinitelyTyped存储库中的类型声明文件.其中许多文件使用以下模式:

export = React;
export as namespace React;

谷歌搜索,我发现这个引用用于制作一个可用于基于模块和非基于模块的系统的声明文件.但是,我正在努力找到一个明确的解释:(a)这些线路各自确切地做了什么,以及(b)这种组合究竟是如何工作来支持这两类消费者的.

Answer 1

第一种形式用于CommonJS和AMD模块系统.你必须匹配export = React与import React = require('./React')

请参阅提供此示例的文档:

ZipCodeValidator.ts

let numberRegexp = /^[0-9]+$/;
class ZipCodeValidator {
    isAcceptable(s: string) {
        return s.length === 5 && numberRegexp.test(s);
    }
}
export = ZipCodeValidator;

Test.ts

import zip = require("./ZipCodeValidator");

// Some samples to try
let strings = ["Hello", "98052", "101"];

// Validators to use
let validator = new zip();

// Show whether each string passed each validator
strings.forEach(s => {
  console.log(`"${ s }" - ${ validator.isAcceptable(s) ? "matches" : "does not match" }`);
});

该export as namespace表单创建全局变量,所以它可以在不导入可以使用,但你仍可以与导入import { name } from "some-library"进口的形式.请参阅提供此示例的文档:

数学lib.d.ts

export const isPrime(x: number): boolean;
export as namespace mathLib;

然后,该库可用作模块中的导入:

import { isPrime } from "math-lib";
isPrime(2);
mathLib.isPrime(2); // ERROR: can't use the global definition from inside a module

它也可以用作全局变量,但仅限于脚本内部.(脚本是没有导入或导出的文件.)

mathLib.isPrime(2);

这里有一个通用类型库,它不知道正在使用哪个模块系统,因此它试图覆盖所有基础.