【问题标题】：Are Import and export statements specific to Angular 2?Import 和 export 语句是否特定于 Angular 2？
【发布时间】：2016-01-30 21:04:08
【问题描述】：

这些语句是来自特定语言/框架，还是 Angular 2 的自定义内容。我正在尝试了解 Angular 2 的工作原理。

import {} from ''
export class ... { }

【问题讨论】：

import statement, export statement

标签： angular

【解决方案1】：

不，import 和 export 关键字不是 Angular2 特定的。

进口

import 语句用于导入从外部模块、另一个脚本等导出的函数、对象或原语。基本上我们使用import 模块来加载Angular2 包。例如：

'import {Component, and many more here....} from angular2/core`

这里，Component 是一个从 Angular2 包中导入的模块。 angular2/core 不是路径 - 相反，它是 Angular2 的预定义包。如果您查看angular bundle 的源代码，您可以看到System.register("angular2/core", .... - 为此，我们已经在index.html 文件中的Angular 之前导入了system.js。 system.js 是这里的模块加载器。

import 功能目前未在任何浏览器中本地实现。它在许多转译器中实现，例如 Traceur Compiler、Babel 或 Rollup。有关import 模块的更多信息，请can read this tutorial 了解导入模块。有关 Angular2 的导入列表，您可以阅读此 here。

导出

从名称中可以清楚地看出，export 语句用于从给定文件（或模块）中导出函数、对象或原语。 export 只是一个标识符，因此可以通过 import 导入另一个脚本。 export 和 import 模块一样也是一个 ES6 模块。关于export 的文章是here。正如 Eric 在 cmets 中所建议的，我们在 Angular2 项目中使用了导出类来导出组件的类。例如，你可以参考我的 repo here。

【讨论】：

【解决方案2】：

它是 ECMAScript 6 的模块。 https://hacks.mozilla.org/2015/08/es6-in-depth-modules/

【讨论】：