この記事は機械翻訳のミラー記事です。元の記事にジャンプするにはこちらをクリックしてください。

Architect_Programmer_Code農業ネットワーク»建築家 › フロントエンド設計とウェブ › フロントエンドフレーム › Typescrip{filter}t module
眺める： 10533|答える： 0

[TypeScript] Typescrip{filter}t module

[リンクをコピー]
掲載地 2018/10/22 17:21:45 | | |
ECMAscrip{filtering}t 2015年標準では、Javascrip{filtering}tがモジュールの概念を追加しています。 Typescrip{filter}tもこの概念に従っています。

1. モジュールの輸入および輸出

モジュールはグローバルスコープではなく、それぞれのスコープで実行されます。 つまり、モジュール内で定義された変数、関数、クラスなどは、明示的にエクスポートしない限りモジュール外では見えません。 一方で、変数や関数、クラス、インターフェースなどを他のモジュールからエクスポートしたい場合は、インポートのいずれかを使ってインポートする必要があります。

モジュールは自己宣言式です。 Typescrip{filter}tでは、ファイルレベルでインポートとエクスポートを行うことで、両モジュール間の関係が確立されます。 基本的な例を挙げます:

animal.ts

app.ts

上記の例では、Animal-likeがanimal.tsで宣言され、exportを通じてエクスポートされます。 app.tsで相対的なファイルパスを指定し、Animalクラスを使うためにインポートでインポートします。

Javascrip{filter}tには2つの異なるモジュール参照メソッドがあるため、Javascrip{filter}tにコンパイルする際には、Typescrip{filtering}t設定ファイルからコンパイル済みモジュール参照メソッドを指定できますtsconfig.json

以下は、Javascrip{filter}tファイルの内容を異なる方法でコンパイルしたものです

共通性

AMD


2. 輸出入の名称変更

モジュールのインポートやエクスポート時にデフォルトで使われる内部オブジェクトの名前です。 Typescrip{filter}tはエクスポート前後のリネームもサポートしています。 上記の例を修正してください

animal.ts

app.ts

インポートおよびエクスポート時には、asキーワードを使ってモジュールの名前が変更されます。

ここで注意すべき点は、エクスポートされたモジュールの名前を変更する際、インポート前のモジュール名がエクスポートされた名前の変更済みモジュール名と同じであるべきだということです。そうでなければコンパイラはエラーメッセージを表示します。 例えば、エクスポートされたモジュールがANIに名前変更された場合、このモジュールを別のファイルapp.tsにインポートする際、asキーワードの前のモジュール名はANIでなければなりません。

あるいは、インポートしたモジュールの名前がわからない場合は、*記号に置き換えることもできます

上記の例では、すべてのモジュールを*記号で置き換えてanimal_moduleにリネームすると、モジュールからエクスポートされたすべてのコンテンツにanimal_moduleオブジェクトを通じてアクセスできます。

3. 複数のオブジェクトをエクスポートおよびエクスポートする

通常、モジュール内で複数の種類のオブジェクトが定義され、その後一緒にエクスポートされます。 インポートには複数のモジュールが含まれている場合もあります

animal.ts

app.ts

エクスポート時に、エクスポートしたいタイプのオブジェクトをJSONオブジェクトに再アセンブルし、それをエクスポートできます。 インポート後は、名前を変更したモジュールオブジェクトを通じて内容にアクセスできます。

4. デフォルトのエクスポート

モジュールにはデフォルトのエクスポートは1つしかできません

animal.ts

app.ts

上記の例では、Animalクラスはデフォルトのキーワードでエクスポートされています。 通常のインポートとは異なり、デフォルトのエクスポートモジュールをインポートする際は、{}で巻き括弧で囲むことなく、インポートされたモジュール名を直接指定できます。

5. 動的負荷モジュール

Javascrip{filter}tではモジュールを読み込む方法が2つあります:CommonJSとAMDです。 Typescrip{filter}tを使う場合、最終コンパイルの構成内容に応じて異なるコードを書いてJavascrip{filter}tを生成する必要があります。

モジュールファイルanimal.ts

CommonJSのウェイリファレンス:

app.ts

AMDの引用:

app.ts







先の：ボーナスクラウドアクティベーションコードグラブツール[ソースコード付き]
次に：新人レポートですが、MBはどうやってそれを手に入れたのですか?

関連記事
免責事項：
Code Farmer Networkが発行するすべてのソフトウェア、プログラミング資料、記事は学習および研究目的のみを目的としています。 上記の内容は商業的または違法な目的で使用されてはならず、そうでなければ利用者はすべての結果を負うことになります。 このサイトの情報はインターネットからのものであり、著作権紛争はこのサイトとは関係ありません。 ダウンロード後24時間以内に上記の内容を完全にパソコンから削除してください。 もしこのプログラムを気に入ったら、正規のソフトウェアを支持し、登録を購入し、より良い本物のサービスを受けてください。 もし侵害があれば、メールでご連絡ください。
Mail To:help@itsvse.com