在Typescript中的文件中本地处理全局变量

Question

我公司的工作方式很奇怪。我们使用PHP模板引擎将所有文件复制到一个超文本标记语言中并提供服务。它如下所示：

主html

<script>
    (() => {
        const foo = 'bar';
        {{ include('xxx.js') }}
    })
    {{ include('zzz.js') }}
</script>

xxx。输电系统

declare const foo: string;
(() => {
    console.log(foo);
})()

如您所见，IIFE有两层，一层在主超文本标记语言中，另一层在每个. ts中，以确保变量的范围正确包含在每个. ts文件中。然后我使用tsc将xxx.ts编译成xxx.js。

问题是现在我有一个附加文件yyy.ts，我想在main.html的IIFE中包含xxx.ts。让我们假设yyy.ts与xxx.ts完全相同。

yyy.ts

declare const foo: string;
(() => {
    console.log(foo);
})()

在这里，我在两个文件中的foo处遇到问题。错误是无法重新声明块范围的变量。

我无法将foo放入全局。d、 tsfile因为它不是全局的，因为它只对xxx有效。js和yyy。js

我做了一些阅读，看到TS编译的方式是，如果文件没有导入/导出，它会将所有变量视为全局变量。

我如何解决这个问题？我可以想出两种方法：

• 找到一种方法设置tsconfig，将每个文件视为单独的文件。我还没有找到解决这个问题的好方法

感谢您的帮助。谢谢




Answer 1

我有种感觉，你不明白我关于生活的观点是用PHP而不是TS来完成的。所以我觉得如果我举一些例子的话可能会有意义。

从我收集到的信息来看，你有一个叫做foo的全局变量，你希望它包含在xxx中

首先，不要把生命放在TS文件中。否则，您将无法重新声明块作用域变量

下面是一个想法，我相信你会做什么后。

文件xxx。TS

declare const foo: string;

const msg = "hello";
console.log(`${msg) ${foo)`);

文件zzz。输电系统

declare const foo: string;

const msg = "goodbye";
console.log(`${msg) ${foo)`);

现在，如果在我们的PHP文件中，我们确实-

<script>
    (() => {
      const foo = 'bar';
      (() => { {{ include('xxx.js') }} })
      (() => { {{ include('yyy.js') }} })
    })
</script>

所以在上面，首先你有一个全局var foo，但只对你的TS文件是全局的，每个TS文件也可以有它自己的本地var。在上面你可以看到我定义了一个本地var msg，它有hello

因此，如果你运行上面的程序，你应该会看到类似的结果-

hello bar
goodbye bar

以上这些都不会污染你的windows global。