是否为Angular 2专用的导入和导出语句？

Question

是来自特定语言/框架的这些语句，还是Angular 2的自定义语句。我正在试着了解Angular 2是如何工作的。

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

Answer 1

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

Answer 2

没有，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编译器，Babel或Rollup。有关import模块的更多信息，请参阅您的can read this tutorial以了解导入模块。有关Angular2的进口清单，您可以阅读关于此here。

出口

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