TypeScript ES6模块重新导出可变变量绑定

Question

我正在尝试使用es6模块语法重新导出变量，然后对其进行更改并在最终导入中看到更改。 但是它没有按预期工作。 请参阅以下示例：

a.ts

export var a = 1;
export function changeA() { a = 2; }

b.ts

export * from './a';

c.ts

import { a, changeA } from './b';
console.log(a); // 1
changeA();
console.log(a); // Expected 2 but get 1

tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "outDir": "out"
  }
}

运行结果：

$ node out/c.js
1
1

我希望最终的console.log打印2以反映更新，但事实并非如此。 但是，如果我使用babel编译相同的示例，则它可以工作。 重新导出可变变量绑定是否完全不适用于Typescript，还是我做错了什么？

Answer 1

这是因为b.ts ：

export * from './a';

转换为

function __export(m) {
    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
}
__export(require('./a'));

并且变量a的值被复制而不被引用。

您可以通过以下方式解决它：

a.ts ：

export var a = 1;
export var deeper = {
    a: 1
};
export function changeA() {
    a = 2;
    deeper.a = 2;
}

b.ts ：

export * from './a';

c.ts ：

import { a, deeper, changeA } from './b';
console.log(a); // 1
changeA();
console.log(a); // Expected 2 but get 1
console.log(deeper.a); // prints 2 as expected