NodeJS模块与ES6模块系统语法及注意点详解


Posted in NodeJs onJanuary 04, 2019

社区模块规范:

1.CommonJS规范

规范实现者:

NodeJS 服务端

Browserify 浏览器

2.AMD规范 全称 异步模块定义

规范实现者:

RequireJS 浏览器

3.CMD规范 通用模块定义

规范实现者:

seaJS 服务端和浏览器通用

官方模块规范

1.ESM规范 就是ES6 Module

各浏览器和服务端

目前常用的就是浏览器端的RequireJS、NodeJS、以及ESM

CommonJS语法分析

module.export

关键

1.module.exports实质上是一个对象,最后模块导出的对象就是这个引用指向的对象

module.export.key = value
 // eg: 
 module.export.a = 1; 
 // 整体管理导出,此时exports与module.exports指向断开,导致exports上的属性被忽略
 module.export = {
 a:1,
 b:1
 }

2.exports是一个module.export的助手变量,用于就地导出,两者默认指向同一对象,即module.exports === exports true

// 像比较长的程序,写完所有之后,再去找到需要导出的变量再移到低端的export.module上逐个添加,是相当麻烦,一般在变量下决定是否导出
 //eg 
 let fA = function () {

 }
 module.exports.fA = fA
 let fB = function () {

 }
 module.exports.fB = fB

 // exports 简洁很多
 let fA = function () {

 }
 module.fA = fA
 let fB = function () {

 }
 module.fB = fB

3.在逐个导出时使用exports,而在导出一个对象时,使用module.exports,不建议混用,如果需要,可以作一下处理:

// 在最后导出时将exports对象和module.exports对象合并
 exports.a = 1
 module.exports = Object.assign({
 b : 1
 },exports)

require

关键:

1.模块区分,知道即可

let f = require('url')

// 核心模块,第三方模块(npm安装),指定模块名即可
 let f = require ('modulename')
 // 自定义模块,需指定相对或者绝对路径
 let f = require('absolutePATH/relativeAPTH')

2.查找时,没有后缀名的会尝试添加.js、.json、.node,这里可以稍微偷个懒

let f = require('./circle')
 // 等同于
 let f = require('./circle.js')

ESM语法分析:

export var/function/class

关键:

1.导出值和内部值要有对于关系,即

// error
 export 1

 // error
 let m = 1
 export m

 // correct
 export let m = 1

 // correct
 let m = 1;
 export {m}

直接在声明时导出或者用一个{}包裹导出

2.export default 用于导出一个默认值,使得用户可以不需要知道内部导出变量名称即可使用

PS: 一个模块只能有一个默认导出

export default 等同 export {add as default}
 // 不能接变量声明语句
 export default let a = 1

普通导出与默认导出使用的区别

// 普通导出的导入使用
 export {f}
 import {f} from 'fmod'

 // 默认导出的导入使用,可以无需知道导出模块的内部变量名,任意重命名
 export default f
 import c from 'fmod'

3.导出值与模块值是动态绑定的

export let foo = 'bar';
// 500毫秒后,其他模块拿到的foo值会变成bar
setTimeout(() => foo = 'baz', 500);

import用法

关键:

1.导入非默认变量时需要使用{}语法,并且变量要与导出时变量一致

// 普通导出的导入使用
 export {f}
 import {f} from 'fmod'

2.导入默认变量时,省略{},并且可以重命名导出变量

// 默认导出的导入使用,可以无需知道导出模块的内部变量名,任意重命名
 export default f
 import c from 'fmod'

3.可以使用*导出整体模块

// circle.js
 export let radius = 1
 export let area = 2*PI*radius
 // main.js
 import * as circle from './circle.js'
 circle.radius
 circle.area

4.可以使用,同时导出默认导出和常规导出

import _,{each, forEach} from 'lodash'

5.多次import同一模块,只会执行一次

6.import可以与require混用,但是其在静态分析阶段执行,也就是会先于require加载,这在要求一定的导入顺序时要注意

export { foo, bar } from 'my_module';

// 可以简单理解为,但是合并写法等同于没有在当前模块中导入my_module,即无法使用
import { foo, bar } from 'my_module';
export { foo, bar };

ESM加载CommmonJS

关键:

1.CommonJS模块输出对象module.exports将会被Node转换成默认导出

// 导出
 export default module.exports
 // 导入,类似导入默认
 import m from './m'

2.此时CommonJS模块变量遵循其规则,不会动态绑定

module.exports = 123;
 setTimeout(() => module.exports = null,500)
 //500毫秒后,module.exports仍然是123

3.由于CommonJS模块运行时,才会确定输出的module.exports对象,而ESM在编译时就要确定接口,导入时,不允许解构语法

import {readFile} from 'fs'

解决方案:

//整体导入 
 import * as express from 'express'
 const app = express.default()
 
 //默认导入,更优
 import express from 'express'
 const app = express()

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

NodeJs 相关文章推荐
Nodejs实现批量下载妹纸图
May 28 NodeJs
Nodejs的express使用教程
Nov 23 NodeJs
Windows 系统下设置Nodejs NPM全局路径
Apr 26 NodeJs
Nodejs学习item【入门手上】
May 05 NodeJs
nodejs如何获取时间戳与时间差
Aug 03 NodeJs
nodejs使用http模块发送get与post请求的方法示例
Jan 08 NodeJs
nodejs实现超简单生成二维码的方法
Mar 17 NodeJs
原生nodejs使用websocket代码分享
Apr 07 NodeJs
详解微信小程序-获取用户session_key,openid,unionid - 后端为nodejs
Apr 29 NodeJs
Nodejs libuv运行原理详解
Aug 21 NodeJs
详解利用nodejs对本地json文件进行增删改查
Sep 20 NodeJs
NodeJs使用webpack打包项目的方法详解
Feb 28 NodeJs
nodejs 使用http进行post或get请求的实例(携带cookie)
Jan 03 #NodeJs
详解nodejs 配置文件处理方案
Jan 02 #NodeJs
nodejs基础之多进程实例详解
Dec 27 #NodeJs
nodejs基础之常用工具模块util用法分析
Dec 26 #NodeJs
nodejs基础之buffer缓冲区用法分析
Dec 26 #NodeJs
nodejs异步编程基础之回调函数用法分析
Dec 26 #NodeJs
Nodejs处理异常操作示例
Dec 25 #NodeJs
You might like
同台服务器使用缓存APC效率高于Memcached的演示代码
2010/02/16 PHP
PDO预处理语句PDOStatement对象使用总结
2014/11/20 PHP
PHP使用get_headers函数判断远程文件是否存在的方法
2014/11/28 PHP
PHP在线书签系统分享
2016/01/04 PHP
javascript显示隐藏层比较不错的方法分析
2008/09/30 Javascript
关于JS判断图片是否加载完成且获取图片宽度的方法
2013/04/09 Javascript
js简单实现点击左右运动的方法
2015/04/10 Javascript
JavaScript中的toLocaleDateString()方法使用简介
2015/06/12 Javascript
javascript中html字符串转化为jquery dom对象的方法
2015/08/27 Javascript
AngularJS身份验证的方法
2016/02/17 Javascript
Js动态设置rem来实现移动端字体的自适应代码
2016/10/14 Javascript
jQuery插件ContextMenu自定义图标
2017/03/15 Javascript
浅谈Node.js轻量级Web框架Express4.x使用指南
2017/05/03 Javascript
基于nodejs的雪碧图制作工具的示例代码
2018/11/05 NodeJs
js利用递归与promise 按顺序请求数据的方法
2019/08/30 Javascript
vue中使用element ui的弹窗与echarts之间的问题详解
2019/10/25 Javascript
微信小程序scroll-view隐藏滚动条的方法详解
2020/03/25 Javascript
[03:09]显微镜下的DOTA2第一期——带你走进华丽的DOTA2世界
2014/06/20 DOTA
深入Python函数编程的一些特性
2015/04/13 Python
Python操作rabbitMQ的示例代码
2019/03/19 Python
python cumsum函数的具体使用
2019/07/29 Python
python 安装impala包步骤
2020/03/28 Python
如何在Python对Excel进行读取
2020/06/04 Python
python 制作python包,封装成可用模块教程
2020/07/13 Python
文明工地标语
2014/06/16 职场文书
相亲活动方案
2014/08/26 职场文书
沈阳故宫导游词
2015/01/31 职场文书
玄武湖导游词
2015/02/05 职场文书
通知书大全
2015/04/27 职场文书
丧事主持词
2015/07/02 职场文书
西部计划志愿者工作总结
2015/08/11 职场文书
医院岗前培训心得体会
2016/01/08 职场文书
2016年庆祝六一儿童节活动总结
2016/04/06 职场文书
《敬重卑微》读后感3篇
2019/11/26 职场文书
使用jpa之动态插入与修改(重写save)
2021/11/23 Java/Android
python flappy bird小游戏分步实现流程
2022/02/15 Python