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

Oct 12, 2023 am 10:24 AM
export export default

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!

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)