A quoi sert l'export et comme dans es6

Dans es6, le mot-clé export est utilisé pour modulariser les variables, les fonctions et les objets, autoriser les références externes et fournir une interface d'appel externe. La syntaxe est "export var a = 'name';"; modifier le nom de la variable, la syntaxe est "exporter {le nouveau nom de la variable en tant qu'ancien nom de la variable}".

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

Utilisation de l'export et comme dans es6

Utilisation de l'export :

export nous permet de moduler des variables, des fonctions et des objets, et fournit une interface d'appel externe pour les références externes. Regardons d'abord l'exemple le plus simple, la modularisation d'une variable. Nous créons un nouveau fichier temp.js et générons une variable de module dans le fichier.

export var a = 'jspang';

Ensuite, il peut être introduit en tant qu'importation dans index.js.

import {a} from './temp.js';
console.log(a);

entrée du module de commande cmd

babel-node index.js Faites attention au répertoire

Sortie multi-variable (temp.js)

var a ='jspang';
var b ='技术胖';
var c = 'web';
export {a,b,c} //包装成对象{}

Sortie modulaire de la fonction (temp.js)

export function add(a,b){
    return a+b;
}

comme utilisation

Parfois, nous ne voulons pas exposer les noms de variables dans le module, mais donner au module un nom plus sémantique. À ce stade, nous pouvons utiliser as pour fonctionner.

var a ='jspang';
var b ='技术胖';
var c = 'web';
export {
    x as a,
    y as b,
    z as c
}

Lorsque vous rencontrez des noms de variables en double ou que vous devez modifier les noms de variables pendant le développement, vous pouvez utiliser le mot-clé as pour les renommer en un seul clic dans ES6.

【Recommandations associées : tutoriel vidéo javascript, front-end 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!