Import構文

4182 ワード

MDN import テキストリンク

モジュールをインポートするときに使用するimport構文がなぜこうなるのかを理解するために、勉強しました.

import

静的インポート文は、他のモジュールからエクスポートされたバインディングをインポートするために使用されます.

import defaultExport from "module-name";

HTMLで作成されたスクリプトでは、importは使用できません.

関数型構文を持つ動的import()

var promise = import("module-name");

ダイナミックインポートは、モジュールを条件付きでインポートする場合、または必要に応じてのみインポートする場合に便利です.

とは対照的に,初期依存性を導入する場合,静的インポートがより良く,静的コード解析ツールとツリーマップ(EN−US)の使用がより容易である.

import * as name from "module-name";

nameパラメータは、エクスポートされたメンバーのオブジェクトの名前を受信するために使用されます.memberパラメータは各メンバーを指定しますが、nameパラメータはすべてのメンバーをもたらします!

import * as myModule from "my-module.js";

モジュールすべてインポート
(my-module.js)エクスポートされたすべてのコンテンツを現在の範囲(スクリプトファイルで区切られたモジュール範囲)myModuleにバインドします.

import {myMember} from "my-module.js";

モジュールは、1つのメンバーのみをインポートします.現在の範囲内にはmyMemberがあります.

import {foo, bar} from "my-module.js";

モジュールから複数のメンバーを取得します.現在の範囲内にはfooとbarがあります.

import {reallyReallyLongModuleMemberName as shortName} from "my-module.js";

メンバーをインポートすると、より便利な別名が指定されます.現在の範囲内にはshortNameがあります.

import {reallyReallyLongModuleMemberName as shortName, anotherLongModuleName as short} from "my-module.js";

モジュールは、複数のメンバーに便利な別名を提供します.

import "my-module.js";

はバインドされておらず、モジュール全体の側面効果のみをもたらします.

この問題について(Import構文), 我々は、より多くの情報をここで見つけました https://velog.io/@lovelyhyeony/Import-구문

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol