Wie verwende ich den Import in JavaScript?

In ES6 können Wie verwende ich den Import in JavaScript?-Objekte durch Modularisierung verwaltet werden. Durch die Modularisierung können nicht nur Funktionen wiederverwendet, sondern auch die Wartbarkeit verbessert werden.

import ist die Syntax, die zum Importieren von Funktionen, Objekten und Anfangswerten verwendet wird, die aus einem Modul in ein anderes Modul exportiert wurden.

Wie unten gezeigt

import {模块名称} from "需要导入模块的路径名"

Wie verwende ich den Import?

Dieses Modul verfügt über ein Standardmodul und ein benanntes Modul.

Wir laden zunächst das Modul des Standardexports und das Modul des benannten Exports

import {ModuleA, ModuleB} from "modules"; 
import Default from 'modules2';

In der ersten Zeile importieren wir die beiden benannten Module namens Modul A und Modul B aus der Moduldatei.

In der zweiten Zeile importieren wir das Standardmodul aus der Datei „modules 2“.

Modulexport ausführen

Um Funktionen, Objekte und Grundwerte in Module zu exportieren, müssen Sie den Export verwenden.

Sehen wir uns ein konkretes Beispiel an

Exportieren Sie es als Standardmodul

// alert.js
export default function () {
    alert("default module called!");
};

Benannter Export

// utils.js
export function sum(x, y, z) {
    return x+y+z;
}
 
export function multiply(x, y) {
    return x*y;
}

Wir können Module mit den Namen sum und multiply exportieren .

Sie können diese Funktion wie folgt verwenden

import { sum, multiply } from 'utils'; 
console.log(sum(1, 2, 3));
console.log(multiply(5, 8));

Das Ausführungsergebnis ist wie folgt

->6
->40

Dieser Artikel endet hier Weitere spannende Inhalte finden Sie hier php Chinesisch Weitere verwandte Kolumnen-Tutorials im Internet! ! !

Das obige ist der detaillierte Inhalt vonWie verwende ich den Import in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!