是否爲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。