Quelle méthode est utilisée pour exporter des modules dans es6

La méthode utilisée pour exporter des modules dans es6 : 1. Exportez le module par défaut. Un fichier de module ne peut avoir qu'un seul module par défaut. La syntaxe est "exporter les membres par défaut qui doivent être exportés" ; le fichier peut en avoir plusieurs. Pour les modules ordinaires, la syntaxe est "exporter les membres exportés à la demande".

L'environnement d'exploitation de ce tutoriel : système Windows 10, ECMAScript version 6.0, ordinateur Dell G3.

Quelle méthode est utilisée pour exporter des modules dans es6

Exportation par défaut

Un fichier de module ne peut avoir qu'un seul module par défaut et peut avoir plusieurs modules ordinaires

Déclaration : exporter les membres par défaut qui doivent être exportés

const n1 = 10
const n2 = 20
 
const show = () => {
  console.log('hello')
}
 
export default {
  n1,
  show
}

importation par défaut

déclaration : importer le nom de la variable à partir de 'identifiant de module'

import m1 from './1.默认导出.js'
console.log(m1)

Remarque :

Un seul export par défaut est autorisé dans chaque module, sinon une erreur sera signalée !

Le nom de réception par défaut lors de l'importation peut être n'importe quel nom, à condition qu'il s'agisse d'un nom de membre légal

Exportation à la demande

Vous pouvez exporter n'importe quel type de données en tant que module

Syntaxe : Syntaxe pour l'exportation à la demande : export Press Membres à exporter

export const n1 = 10
 
export const n2 = 20

Import à la demande

Syntaxe de l'importation à la demande : importer { m1 } à partir de 'identifiant de module'

import { n1 } from './3.按需导出.js'
 
console.log(n1)

Notes sur l'importation et l'exportation à la demande :

• Chacun Multiple sur- les exportations à la demande peuvent être utilisées dans le module

• Le nom du membre importé à la demande doit être cohérent avec le nom de l'exportation à la demande

• Lors de l'importation à la demande, vous pouvez utiliser le mot-clé as pour renommer

• Appuyez sur Si vous devez importer, vous pouvez l'utiliser avec l'importation par défaut

[Recommandations associées : tutoriel vidéo javascript, interface Web]

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!