Heim > häufiges Problem > Der Unterschied zwischen Export und Exportstandard

Der Unterschied zwischen Export und Exportstandard

百草
Freigeben: 2023-10-12 10:24:11
Original
1905 Leute haben es durchsucht

Der Unterschied zwischen export und export default besteht darin, dass das Schlüsselwort export zum Exportieren einer oder mehrerer Variablen, Funktionen oder Klassen verwendet wird, während das Schlüsselwort export default zum Exportieren einer Standardvariablen, -funktion oder -klasse verwendet wird. In anderen Modulen können Sie das Schlüsselwort import verwenden, um diese exportierten Variablen, Funktionen oder Klassen zu importieren.

Der Unterschied zwischen Export und Exportstandard

export und export default sind Schlüsselwörter, die zum Exportieren von Modulen in ES6 verwendet werden, und sie weisen einige Unterschiede auf.

Zunächst wird das Schlüsselwort export verwendet, um eine oder mehrere Variablen, Funktionen oder Klassen zu exportieren. Mit dem Schlüsselwort export können Sie eine oder mehrere Variablen, Funktionen oder Klassen exportieren, damit andere Module sie verwenden können. Beispielsweise können wir eine Funktion wie folgt exportieren:

export function add(a, b) {
  return a + b;
}
Nach dem Login kopieren

In anderen Modulen können wir das Schlüsselwort import verwenden, um die Funktion zu importieren:

import { add } from './math';
console.log(add(2, 3)); // 输出 5
Nach dem Login kopieren

Wir können das Schlüsselwort export auch verwenden, um mehrere Variablen, Funktionen oder Klassen zu exportieren. Zum Beispiel:

export const PI = 3.14159;
export function multiply(a, b) {
  return a * b;
}
export class Circle {
  constructor(radius) {
    this.radius = radius;
  }
  getArea() {
    return Math.PI * this.radius * this.radius;
  }
}
Nach dem Login kopieren

In anderen Modulen können wir das Schlüsselwort import verwenden, um diese Variablen, Funktionen oder Klassen zu importieren:

import { PI, multiply, Circle } from './math';
console.log(PI); // 输出 3.14159
console.log(multiply(2, 3)); // 输出 6
const circle = new Circle(5);
console.log(circle.getArea()); // 输出 78.53975
Nach dem Login kopieren

Das Schlüsselwort export default wird verwendet, um eine Standardvariable, -funktion oder -klasse zu exportieren. Es kann nur einen Standardexport pro Modul geben. Beispielsweise können wir eine Funktion als Standardexport erstellen:

export default function subtract(a, b) {
  return a - b;
}
Nach dem Login kopieren

In anderen Modulen können wir das Schlüsselwort import verwenden, um den Standardexport zu importieren:

import subtract from './math';
console.log(subtract(5, 2)); // 输出 3
Nach dem Login kopieren

Es ​​ist zu beachten, dass Sie beim Importieren des Standardexports einen beliebigen angeben können Geben Sie ihm einen Namen und es ist nicht erforderlich, geschweifte Klammern zu verwenden. Dies liegt daran, dass der Standardexport eindeutig ist, sodass importierte Variablennamen direkt verwendet werden können.

Zusammenfassend lässt sich sagen, dass das Schlüsselwort export zum Exportieren einer oder mehrerer Variablen, Funktionen oder Klassen verwendet wird, während das Schlüsselwort export default zum Exportieren einer Standardvariablen, -funktion oder -klasse verwendet wird. In anderen Modulen können Sie das Schlüsselwort import verwenden, um diese exportierten Variablen, Funktionen oder Klassen zu importieren.

Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen Export und Exportstandard. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage