是否特定于Angular 2的导入和导出语句？

Question

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

insert into table1 (Name, Address)
insert into table2 (Name, Address)
select Name, Address from MainTable

Answer 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", .... - 为此，我们已经在system.js中的Angular之前导入了index.html文件。 system.js是这里的模块加载器。

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

出口

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

Answer 2

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