Heim > Web-Frontend > js-Tutorial > Wie mache ich: Exportieren/Importieren?

Wie mache ich: Exportieren/Importieren?

Susan Sarandon
Freigeben: 2025-01-12 16:30:42
Original
781 Leute haben es durchsucht

How I do: export/import?

(Erstens geht es darum, wie ich Dinge mache, kein Muss(nicht) dies oder das hier tun!)

Ich weiß, dass es viele weitere Möglichkeiten gibt, mit dem Export/Import von Javascript-Modulen umzugehen, aber ich verwende es am häufigsten auf diese Weise!

EXPORT

Warum ich es nicht mache und warum?

function foo(){}
function bar(){}
function other(){}
export {foo,bar,other}
Nach dem Login kopieren

Auf diese Weise muss die Datei gepflegt werden. Sobald sich Funktionen ändern/hinzufügen oder entfernen, müssen Sie Zeit aufwenden, um diese Liste zu aktualisieren X

Wie mache ich das dann und warum?

export function foo(){}
export function bar(){}
export function other(){}
Nach dem Login kopieren

Das ist vielleicht klar, hier gibt es nichts zu pflegen V

IMPORT

Es kommt darauf an, ob nur eine oder zwei Funktionen importiert werden müssen, dann mache ich das so:

import {foo,bar} from './path/to/let/say/functions.js';
Nach dem Login kopieren

Wenn es mehr ist, gilt die gleiche Geschichte wie beim Export. Es muss gepflegt werden und dafür besteht keine Notwendigkeit. X

Wie mache ich das dann und warum?

import * as FT from './path/to/let/say/functions.js';
//using it
FT.foo()
FT.bar()
FT.other()
Nach dem Login kopieren

Auf diese Weise ist es immer auf dem neuesten Stand und erfordert keine Wartung V

 Über Platzhalter/Namespace

Ich stelle sicher, dass es in Großbuchstaben,kurz geschrieben ist und den importierten Dateinamen widerspiegelt

In diesem Beispiel ist FT also kurz und spiegelt die importierte Datei

Func-Tions.js wider

Das ist alles über meine Verwendung des Exports/Imports von Javascript-Modulen.

Mein erster Beitrag hier und ich habe mehr im Sinn, aber für ein anderes Mal!

Das obige ist der detaillierte Inhalt vonWie mache ich: Exportieren/Importieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage