最初のモジュールは、デフォルトのチャンクであると考えられています

なぜ必要なフロントエンドモジュール？

モジュールの方法は、

HTMLページプレビューする

ので、追加のライン100を実行すること、他のことを行うために、JSのコードの前に100行の200行の合計をその二つのモジュールの

制御モジュールにmain.js 2モジュール1と

コード放電関数の内部インチ

TASK1第3のモジュールを作成する方法、それへのアクセスを可能にしますか？？？誰もがウィンドウにアクセスすることができますので、ウィンドウにタスク1は、

window.module1に

も機能に変更2.js

main.js制御実行タイミング1と2を可能にする、ページの実装にアップロードする必要はありません。

変数は外部で宣言

第2の印刷モジュールまたは2

名この変数特殊。これは、JSの別のピットです。

私たちは、変数xを交換

モジュール1と2の名前がwindow.xのx値の後ろにロードされている2つの変数X jsのは、以前より優先されていないことをwindow.nameの手段であるため、

ES5にあなたを迅速に取得する方法は、ローカル変数。
限り機能としてすぐに実行されます。名前はローカル変数です。

2秒出力モジュール2の後に

3秒出力モジュール1

JSのでゴミやローカル変数を使用することで、機能がすぐに実行する必要があります

通常のドット構文

中括弧で囲まれました。その後、ローカル変数である修正変数を、してみましょう。内部にこの範囲の中括弧内の変数だけです。

2秒後に

別の1秒

そうしましょう構文は非常にES6は彼の顔を打ちます。

私のモジュールは、独自の変数を持つことができます

skillesスキルが定義され

1.js以内スキルのスキルを取得し

最初のスキルロードする必要があります

JSのロード順序を

最終的にスキルあれば

実行順序

main.js依存1.jsと2.js. モジュールは豆腐です。これは、依存の用途です。

1.js内のModule1この事を暴露。これは私のエクスポートされ、使用が使用することができません。唯一のModule1の関数がエクスポートされ、他のローカルスコープ内にあります。

エクスポートが他人に使用を提供することです。

これらは、3つの概念です。

ES6は、コードを書き換えます

あなたはブラウザ内で新しい構文を使用したい場合。あなたは特別なタグを記述する必要があります。タイプ=「モジュール」は、私の文法モジュール表現するために、ここで使用され

、この配列は、デフォルトのエクスポートスキルを

第2の書き込みモジュールが続きます。エクスポートモジュール1

内部の別々のJSへの

main.jsは

依存JSを記述する必要はありません。直接main.js

どのように他のJSにそれを実行するためにmain.jsだけにして？？？？

main.js内 - 導入

二つのモジュール導入インポート

1.jsモジュールIncorporatedのスキルを

module1.jsとmodule2.jsに1.jsと2.jsには、

ここで使用されるモジュールタイプに追加する必要があります=「モジュール」

相対パスが始まる./で添加されなければならない

2秒出力後に

コードを表示するのみであるmain.jsの

main.js棚ああモジュール1に行き、2 .jsファイル。
Module1のとJS 2にも依存skills.jsです。jsがのみダウンロードすると表示されます。

詳細1：インポート名を簡単に再生します

あなたは簡単に名前の名前をインポートすることができた場合

2つの詳細：より多くのものをエクスポートするモジュール

名前と年齢を押した後に輸出しています。3つのことを書き出し、三つのことは、文字列と数の関数である

三つの変数を受け取るために、中括弧で囲まれました。

一つだけの名前

とデフォルトでエクスポートするだけでなく、より多くの周りを区別するためにどのように

書き込みは、xがデフォルトの受信である例えば変数を、インポートブレースないとき。

Xこの関数を実行

役に立たないものの中括弧は、デフォルトでは、中括弧を派生インポートすることです何かのリードアウトの名前持っている

デフォルトのエクスポートには名前ではありません。括弧の形式の名前でエクスポートされます。

1 2モジュール名およびエクスポートする場合同じことを行う方法

デフォルトのエクスポートは簡単に名前を取ることができます

名前の二つのモジュールを取ると同時に、

ページが正しくないレポートになります

MDN

インポートのみ

インポートは、コードを実行するが、機能は実行しない
モジュールがコードモジュールを実行中に導入された場合にのみ、インポート。コードが実行される場合、このモジュールの機能は、実行されていない

モジュールの導入、直接実行可能なコード限り。通話にあなたを待っ機能。

唯一の1モジュールに導入main.js

実行されるコードモジュール1、

デフォルトのエクスポートモジュール

を呼び出す機能

*アスタリスク

1モジュールは現在、3つのことをエクスポートします。

より多くの書き込みをインポートするとき。変数が宣言されています。

アスタリスクを導入することにより、Xの上にぶら下がっています。この外観の出力は、x

xはだけでなく、名前、年齢を持つモジュールです。sayHelloの

コールx.sayHelloの

名前が何気なく再生されます