Maison > interface Web > js tutoriel > Analyse approfondie des exportations et module.exports de node.js et de l'exportation et de l'exportation par défaut d'ES6

Analyse approfondie des exportations et module.exports de node.js et de l'exportation et de l'exportation par défaut d'ES6

不言
Libérer: 2018-06-30 15:31:15
original
2655 Les gens l'ont consulté

Cet article vous présente principalement les informations pertinentes sur les exportations et module.exports dans node.js et ce que sont l'exportation et l'exportation par défaut dans ES6. L'article les présente en détail à travers un exemple de code, ce qui est très utile pour tout le monde qui étudie. ou travailler a une certaine valeur d'apprentissage de référence. Les amis qui en ont besoin peuvent venir étudier ensemble.

Préface

J'ai rarement été libre ces derniers temps, j'ai donc décidé de recommencer à apprendre la programmation de nœuds de manière standardisée. Mais lors de l'introduction des modules, j'ai vu la méthode require, qui m'a rappelé nos différentes exportations ES6 et nos valeurs par défaut d'exportation.

Axi, ta tête est déjà grosse...

Maintenant que ta tête est pleine, asseyons-nous et déterminons d'abord leur champ d'utilisation.

  • require : importation prise en charge par le nœud et es6

  • export/import : exportation importée uniquement prise en charge par es6

  • module.exports / exports : Uniquement les exports supportés par node

A partir de ce moment, je pense qu'il est temps de clarifier la relation entre eux, sinon je dois mourir chaos. Pas grand chose à dire, commençons ! !

module de nœud

Le système de modules dans Node suit la spécification CommonJS.

Ensuite, la question revient : quelle est la spécification CommonJS ?

Parce que js était assez déroutant, chacun écrivait son propre code, et il n'y avait pas de concept de module. Cette spécification est en fait une définition d'un module.

Les modules définis par CommonJS sont divisés en : identification du module (module), définition du module (exports), référence du module (require)

Expliquer les exports et module.exports

Lorsqu'un nœud exécute un fichier, un objet exports et module sera généré dans le fichier,

Et le module a un attribut exports. La relation entre eux est la suivante, ils pointent tous vers une zone mémoire {}.

exports = module.exports = {};
Copier après la connexion


Jetons ensuite un œil au code.

//utils.js
let a = 100;

console.log(module.exports); //能打印出结果为:{}
console.log(exports); //能打印出结果为:{}

exports.a = 200; //这里辛苦劳作帮 module.exports 的内容给改成 {a : 200}

exports = '指向其他内存区'; //这里把exports的指向指走

//test.js

var a = require('/utils');
console.log(a) // 打印为 {a : 200}
Copier après la connexion

Comme le montre ce qui précède, le contenu exporté par require est en fait le contenu du bloc mémoire pointé par module.exports, pas exports.

En bref, la différence entre eux est que exports n'est qu'une référence à module.exports, qui est utilisé pour aider ce dernier à ajouter du contenu.

Pour le dire en langage clair, exports n'aide que module.exports à exploiter les données dans la mémoire. Après tout le dur travail d'exploitation des données, je suis finalement épuisé par le contenu. ce qui est réellement requis, c'est toujours le module .exports, c'est un travail vraiment difficile.

En fait, si vous utilisez la notion de bloc mémoire pour le comprendre, ce sera très clair.

Ensuite, afin d'éviter toute confusion, essayez d'utiliser module.exports pour exporter, puis utilisez require pour importer.

Export et importation de modules en ES

Pour être honnête, les modules en es sont très clairs. Cependant, certains détails doivent être clarifiés.

Par exemple, exporter et exporter par défaut, et lors de l'importation, importer un depuis .., importer {a} depuis .., bref, c'est un peu déroutant, alors commençons par les trier dehors. .

export et export par défaut

Nous parlons d'abord de ces deux exportations. Ensuite, nous parlons de leurs différences

  • < 🎜. > L'exportation et l'exportation par défaut peuvent être utilisées pour exporter des constantes, des fonctions, des fichiers, des modules, etc.

  • Dans un fichier ou un module, il peut y avoir plusieurs exportations et importations, mais il y a un seul export par défaut.

  • Exporter via l'export, ajouter { } lors de l'importation, l'export par défaut n'est pas requis

  • l'export peut exporter directement des expressions variables. . L'exportation par défaut ne fonctionne pas.

Jetons un coup d'oeil au code pour le vérifier

testEs6Export.js

&#39;use strict&#39;
//导出变量
export const a = &#39;100&#39;; 

 //导出方法
export const dogSay = function(){ 
 console.log(&#39;wang wang&#39;);
}

 //导出方法第二种
function catSay(){
 console.log(&#39;miao miao&#39;); 
}
export { catSay };

//export default导出
const m = 100;
export default m; 
//export defult const m = 100;// 这里不能写这种格式。
Copier après la connexion
index.js

//index.js
&#39;use strict&#39;
var express = require(&#39;express&#39;);
var router = express.Router();

import { dogSay, catSay } from &#39;./testEs6Export&#39;; //导出了 export 方法 
import m from &#39;./testEs6Export&#39;; //导出了 export default 

import * as testModule from &#39;./testEs6Export&#39;; //as 集合成对象导出



/* GET home page. */
router.get(&#39;/&#39;, function(req, res, next) {
 dogSay();
 catSay();
 console.log(m);
 testModule.dogSay();
 console.log(testModule.m); // undefined , 因为 as 导出是 把 零散的 export 聚集在一起作为一个对象,而export default 是导出为 default属性。
 console.log(testModule.default); // 100
 res.send(&#39;恭喜你,成功验证&#39;);
});

module.exports = router;
Copier après la connexion
Comme le montre ce qui précède, le système de modules de l'ES6 semble très flexible.

Adresse du code

GitHub : https://github.com/XuXiaoGH/exportImportTest

Ce qui précède est l'intégralité du contenu de ce article, j'espère qu'il sera utile à l'apprentissage de tout le monde. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Comment utiliser gulp, l'outil de création de projets JavaScript basé sur Node.js

À propos de Node .js Introduction aux sous-processus et aux applications

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