Maison >Problème commun >La différence entre l'exportation et l'exportation par défaut

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

百草
百草original
2023-10-12 10:24:111910parcourir

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;
}

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

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;
  }
}

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

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;
}

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

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!

Déclaration:
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
Article précédent:Comment fonctionne le web ?Article suivant:Comment fonctionne le web ?

Articles Liés

Voir plus