JavaScript モジュールの宣言

チャンピオン: ダニエル・エーレンバーグ (

ブルームバーグ)、ニコロ・リバウド (イガリア、パートナーシップ) eyeo と Bloomberg)

ステージ 1

JavaScript モジュール宣言 (以前は「モジュール フラグメント」と呼ばれていました) は、名前付き、インラインの構文です。 JS モジュールは、モジュールのペアを 1 つの JavaScript ファイルにバンドルするための古いものである可能性があります。

JavaScript 開発者は通常、かなり多くの細かいモジュールでコードを記述し、ソース構造として ECMAScript モジュール (ESM、ES6/ES2015 で提示) の採用率が高いです。 それにもかかわらず、多くの小さなファイルは、インターネット、サーバー、またはその他の環境上にあるかどうかにかかわらず、読み込み効率の配置によって高く評価されています。 このため、開発者は「バンドル」と呼ばれるツールを使用して、1 つ (またはペア) のスクリプトまたはモジュールで多数の ES モジュールをエミュレートします。 いくつかの例は、webpack、 です。 ロールアップ、パーセル、

} 輸出

モジュール  

大文字モジュール

大文字 

 {

.

countModule 
;
  輸入 {
大文字
} から 
uppercaseModule; コンソール. ログ(カウント
(
)

; 
 // 1 コンソール.
 ログ
( 大文字
 (「ダニエル」)); // "ダニエル"
このモジュールは、一対のモジュール宣言を含み、スクリプトの手法によって HTML ファイルから参照されます。印象づける：
" dir="auto">
<脚本 タイプ=モジュール
 src
">
 script>
モジュール宣言、エクスポートされた場合、それらが概説されているファイルの出入り口の外にある可能性が高いでしょう.
<脚本 タイプ=モジュール
>  輸入 
 { 大文字モジュール } から
 
"./app.js"
 ;
 
輸入 { 大文字
 }
 
 から 大文字モジュール
;
 コンソール
. ログ
 (大文字
("特定"
)
)
 ;
 // "はい"  script>  
ザ・countModule  モジュールは、これ以上エクスポートされず、この種の古いものにすることはできません.
 
ModuleDeclaration は、モジュールの最上段に存在できる現代の非終端記号であるタックル  輸入 および export
: … ModuleDeclaration ScriptItem: … ModuleDeclaration ModuleDeclaration : モジュール  [no LineTerminator here] 識別子 { ModuleBody?  }”>
ModuleItem: ... ModuleDeclaration
  ScriptItem : ... ModuleDeclaration
  ModuleDeclaration : モジュール [no LineTerminator here] 識別子 { ModuleBody?  }