ホームページ > ウェブフロントエンド > jsチュートリアル > どうすればよいですか: エクスポート/インポート?

どうすればよいですか: エクスポート/インポート?

Susan Sarandon
リリース: 2025-01-12 16:30:42
オリジナル
781 人が閲覧しました

How I do: export/import?

(まず、私のやり方についてです。ここであれもこれもやってはいけない(してはいけない)のはありません!)

JavaScript モジュールのエクスポート/インポートを処理する方法は他にもたくさんあると思いますが、これが私が主に使用する方法です。

輸出

私がそれをやらない理由とその理由は何ですか?

function foo(){}
function bar(){}
function other(){}
export {foo,bar,other}
ログイン後にコピー

この方法では、ファイルを維持する必要があります。関数が変更/追加または削除されるとすぐに、時間をかけてこのリストを更新する必要があります X

その場合、どのように行うのか、またその理由は何ですか?

export function foo(){}
export function bar(){}
export function other(){}
ログイン後にコピー

それは明らかかもしれませんが、ここには維持する必要のあるものは何もありません V

輸入

それは状況に応じて異なりますが、インポートする関数が 1 つまたは 2 つしかない場合は、次のようにします。

import {foo,bar} from './path/to/let/say/functions.js';
ログイン後にコピー

それ以上の場合は輸出と同じ話。それは維持されなければなりませんが、その必要はありません。 X

その場合、どのように行うのか、またその理由は何ですか?

import * as FT from './path/to/let/say/functions.js';
//using it
FT.foo()
FT.bar()
FT.other()
ログイン後にコピー

この方法では、常に最新の状態になり、メンテナンスは必要ありません V

 ワイルドカード/名前空間について

大文字短文字、インポートされたファイル名を反映していることを確認します

したがって、この例では FT は短く、インポートされたファイル Func-Tions.js

を反映しています。

JavaScript モジュールのエクスポート/インポートの使用方法については以上です。

ここに初めて投稿しますが、もっと考えていることがありますが、またの機会に!

以上がどうすればよいですか: エクスポート/インポート?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート