节点。js的模块有哪些 - 行业资讯 - 肥雀云

　　介绍

这篇文章给大家分享的是有关节点。js的模块有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

JavaScript做为一门为网页添加交互功能的简单脚本语言问世,在开始并不包含模块系统,随着JavaScript解决问题越来越复杂,把所有代码写在一个文件内,用函数区分功能单元已经不能支撑复杂应用开发了,ES6带来了大部分高级语言都有的类和模块,方便开发者组织代码

进口_ & # 39;lodash& # 39;; 　　　　类有趣的{} 　　　　出口默认乐趣;

上面三行代码展示了一个模块系统最重要的两个要素导入和导出

<代码> 出口用于规定模块的对外接口

<代码> 用进口于输入其他模块提供的功能

而在ES6之前,社区出现了很多模块加载方案,最主要的有CommonJS和AMD两种,节点。js诞生早于ES6,模块系统使用的是类似CommonJS的实现,遵从几个原则

一个文件是一个模块,文件内的变量作用域都在模块内

使用<代码>模块。出口> <李>

使用<代码> 需要引入其它模块

<代码>循环。js代码

const{π}=数学; 　　　　模块。出口=功能区域(r) { 　　π* r * * 2; 　　};

上面代码就实现了节点。js的一个模块,模块没有依赖其它模块、导出了方法<代码> 区域计算圆的面积

<代码>测试。js代码

const面积=要求(& # 39;。/circle.js& # 39;); 　　控制台。日志(“半径为4的圆的面积是${区域(4)}');

模块依赖了圆。js,使用其对外暴露面积的方法,计算圆的面积

模块对外暴露接口使用module.exports,常见的有两种用法:为其添加属性或赋值到新对象
<代码>测试。js代码

//添加属性　　module.exports。prop1=xxx; 　　module.exports。funA=xxx; 　　module.exports。funB=xxx;//赋值到全新对象　　模块。出口={ 　　prop1, 　　funA, 　　funB, 　　};

两种写法是等价的,使用时候没区别

const mod=要求(& # 39;。/. js # 39;); 　　　　console.log (mod.prop1); 　　console.log (mod.funA ());

还有另外一种直接使用<代码> 出口对象的方法,但是只能对其添加属性,不能赋值到新对象,后面会介绍原因

//正确的写法:添加属性　　出口。prop1=xxx; 　　出口。funA=xxx; 　　出口。funB=xxx;//赋值到全新对象　　模块。出口={ 　　prop1, 　　funA, 　　funB, 　　};