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

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

Susan Sarandon
Susan Sarandonオリジナル
2025-01-12 16:30:42784ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。