ES6 モジュール構文の読み込みインポートエクスポート

今回はES6のモジュール構文読み込みインポートエクスポートについて説明します。ES6モジュール構文読み込みインポートエクスポートの注意事項は何ですか。以下は実際的なケースです。見てみましょう。

export: 公開、つまりインターフェースを公開する

import: 導入、文字通りの意味と同じように、インターフェースを導入します

export {}
export function demo(){}
export var demo1;

上記の2つのエクスポートは

function demo(){}
var demo1;
export {demo, demo1}
import {}

と省略できます。対応するものはもちろんインポートです

import {demo,demo1} from ..path

もちろん、別の方法で import * を ..path からの名前として記述することもでき、引用すると、次のように name.demo() になります。

exportdefault

また、exportdefault

はファイル内で一度だけ使用できます。exportdefault

exportdefault関数demo(){}

をインポートし、

importdefault

インポート名(この名前は自分でランダムに選択します) from .path

これには中括弧がありません

しかし

それは正確に、exportdefaultコマンドは実際にはdefaultと呼ばれる変数を出力するだけなので、従うことはできません変数宣言ステートメントによって。

つまり、export default var a=1 がこのように書かれていると、エラーが報告されます。 ！ ！ ！ ！

var a=1;

export dedefault a ;

これも可能です

export *特定のモジュールから

このexport*はモジュールのexportデフォルト出力インターフェイスを無視します

これを言うと import * from A特定のモジュールは、モジュールによって定義されたエクスポートのデフォルト インターフェイスをインポートできません

これらのケースを読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトその他関連記事に注目してください。

関連記事:

HTML で著作権記号をより美しくする方法

html は 2 秒で他のページにジャンプします

HTML の要素を中央揃えにする際に注意すべき点は何ですか

以上がES6 モジュール構文の読み込みインポートエクスポートの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。