带有 Angular / Rxjs 的打字稿导入语法

Question

我对 Angular 和 Typescript 很陌生。 我想知道这个导入语法到底是如何工作的？

import 'rxjs/add/observable/of';
import 'rxjs/add/operator/do';

我知道 Typescript 的语法是“import X from Y”，但是我们这里只有“import X”？

我在打字稿文档中找到了这个：

"只为副作用导入一个模块 虽然不推荐这种做法，但一些模块设置了一些可供其他模块使用的全局状态。这些模块可能没有任何导出，或者消费者对它们的任何导出都不感兴趣。”

但这对我来说不是很清楚。通过上面的例子，我们究竟导入了什么？有哪些副作用？ “of”和“do”是函数吗？

（我的问题是关于一般的打字稿导入语法，而不是“如何”导入某些特定的 Rxjs 运算符的问题）

谢谢

Answer 1

在这种情况下，导入这些文件将修补 rxjs Observable 原型。但是你可以考虑任何副作用。最简单的副作用是登录控制台。

文件 side-effect.ts

console.log('I am side effect!');

您的主要打字稿文件

import './side-effect.ts';

现在，如果您在主文件中运行代码，它将记录“我是副作用！”在控制台中，因为导入的副作用。