Maison > Problème commun > le corps du texte

La différence entre l'exportation et l'exportation par défaut

百草
Libérer: 2023-10-12 10:24:11
original
1880 Les gens l'ont consulté

La différence entre export et export default est que le mot-clé export est utilisé pour exporter une ou plusieurs variables, fonctions ou classes, tandis que le mot-clé export default est utilisé pour exporter une variable, une fonction ou une classe par défaut. Dans d'autres modules, vous pouvez utiliser le mot-clé import pour importer ces variables, fonctions ou classes exportées.

La différence entre l'exportation et l'exportation par défaut

export et export default sont des mots-clés utilisés pour exporter des modules dans ES6, et ils présentent quelques différences.

Tout d'abord, le mot-clé export permet d'exporter une ou plusieurs variables, fonctions ou classes. Vous pouvez utiliser le mot-clé export pour exporter une ou plusieurs variables, fonctions ou classes afin que d'autres modules puissent les utiliser. Par exemple, nous pouvons exporter une fonction comme suit :

export function add(a, b) {
  return a + b;
}
Copier après la connexion

Dans d'autres modules, nous pouvons utiliser le mot-clé import pour importer la fonction :

import { add } from './math';
console.log(add(2, 3)); // 输出 5
Copier après la connexion

Nous pouvons également utiliser le mot-clé export pour exporter plusieurs variables, fonctions ou classes. Par exemple :

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;
  }
}
Copier après la connexion

Dans d'autres modules, on peut utiliser le mot-clé import pour importer ces variables, fonctions ou classes :

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
Copier après la connexion

Le mot-clé export default est utilisé pour exporter une variable, une fonction ou une classe par défaut. Il ne peut y avoir qu’une seule exportation par défaut par module. Par exemple, on peut faire une fonction comme export par défaut :

export default function subtract(a, b) {
  return a - b;
}
Copier après la connexion

Dans d'autres modules, on peut utiliser le mot-clé import pour importer l'export par défaut :

import subtract from './math';
console.log(subtract(5, 2)); // 输出 3
Copier après la connexion

A noter que lors de l'import de l'export par défaut, vous pouvez spécifier n'importe quel nom pour lui, et pas besoin d'utiliser des accolades. En effet, l'exportation par défaut est unique, les noms de variables importés peuvent donc être utilisés directement.

Pour résumer, le mot-clé export est utilisé pour exporter une ou plusieurs variables, fonctions ou classes, tandis que le mot-clé export default est utilisé pour exporter une variable, une fonction ou une classe par défaut. Dans d'autres modules, vous pouvez utiliser le mot-clé import pour importer ces variables, fonctions ou classes exportées.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!