node.js 第四天 模块化CommonJs
创始人
2024-05-29 10:59:33

文章目录

      • CommonJS
        • exports
        • module.exports
      • ES模块
        • export
        • export default
      • 核心 模块
          • process

CommonJS

通过exports暴露出去,require获取暴露的内容

exports

exports一个一个暴露出去
文件01.js

exports.a='孙悟空';
exports.b ={name:'白骨精'}
exports.c =function fn(){console.log("hello")
} 

文件02.js
require中的路径必须是 ./ 或 ../ 开头,里边的.js扩展名可以省略,如果省略了扩展名,nodejs可以为我们补全,优先找js文件,找不到找json文件

const m =require('./01.js')
console.log(m)
m.c()

module.exports

通过 module.exports同事导出多个值

module.exports ={a:'孙悟空',b:[1,2,30],c:()=>{console.log('xixi')}
}
const m =require('./01.js')
console.log(m)    //孙悟空
m.c()      //xixi

默认情况下,Node.js会将以下内容视为CommonJS模块:

  1. 使用.cjs为扩展名的文件
  2. 当前的package.json的type属性为commonjs时,扩展名为.js的文件
  3. 当前的package.json不包含type属性时,扩展名为.js的文件
    文件夹作为模块

模块的包装
每一个CommonJS模块在执行时,外层都会被套上一个函数:

(function(exports, require, module, __filename, __dirname) {
// 模块代码会被放到这里
});

所以我们之所以能在CommonJS模块中使用exports、require并不是因为它们是全局变量。它们实际上以参数(实参)的形式传递进模块的。

exports,用来设置模块向外部暴露的内容

require,用来引入模块的方法

module,当前模块的引用

__filename,模块的路径

__dirname,模块所在目录的路径,即当前文件所在的文件夹路径

ES模块

export

默认情况下,node只的模块化标准是 CommonJS
要想使用ES的模块化,可以使用以下两种方法

  1. 使用 .mjs作为扩展名
  2. 在package.json中设置 type:"module" , 当前项目下所有的js文件都变成ES模块, type 默认是 CommonJS

新建一个03.mjs 这里扩展是 .mjs,如果不是ES模块就会报错

export let a =10;
export const b={name:"孙悟空"}

新建一个04.mjs

import {a as A ,  b} from './03.mjs'   # as 换个别名,这里默认的名字不能乱写,与前面暴露的名字要一致
console.log(A,b)

export default

一个模块只能有一个默认导出,默认导出的命名可以随意

export let a =10;
export default function sum(a,b){return a+b
}

默认导出可以随意命名

import x ,{a} from './03.mjs'
console.log(x,a)    

默认导出的是值,不能是语句

export default let a =10;   错误let a= 10;
export default a   对的

导入的内容都是常量导入的内容跟前面定义的没关系,只要是导入的都是常量,常量并不影响对象的修改

export let a =10;
export const b={name:"孙悟空"}
import {a,b} from './03.mjs'
console.log(a)
a =20   #报错  这里不能给常量修改值b.name ="ddd"
console.log(b)   #对的  

ES模块化在浏览器中可以使用,但是通常我们不会使用,因为要考虑兼容性的问题,通常结合打包工具使用

核心 模块

window是浏览器的宿主对象,node没有
global是node的全局对象 ,作用类似于window
在ES模块下,都可以共 globalThis

process

表示当前的node进程
通过该对象可以获取进程的信息,或者对进程做各种操作
process.exit([code]) 结束进程
process.nextTick(callback[, …args]) 向tick任务队列中添加任务
process.nextTick 跟queueMicrotask 都是微任务队列中添加任务

queueMicrotask(()=>{console.log(1)
})
process.nextTick(()=>{console.log(2)
})//  2   1

调用栈 -》tick队列-》微任务队列-》宏任务队列

所以queueMicrotask 在tick后面执行,不需要了解

相关内容

热门资讯

中光学聘任61岁刘洋为非独立董... 6月18日,中光学公告,聘任刘洋先生为公司非独立董事。资料显示,刘洋,男,1965年出生,中国国籍,...
丽尚国潮股东杭州骥瑜商业管理有... 6月18日消息,丽尚国潮股东杭州骥瑜商业管理有限公司于2026年6月16日,通过大宗交易方式减持15...
国盛证券总经理赵景亮新任董事,... 6月18日,国盛证券公告,聘任赵景亮先生为公司董事。资料显示,赵景亮先生,1978年12月出生,特许...
成人超重率超三成 我国肥胖形势... (来源:千龙网)新华社北京6月17日电 当前我国成人超重率约为34.3%,肥胖率约为16.4%;6岁...
卢浮宫馆长称该博物馆已“不堪重... (来源:千龙网)新华社巴黎6月17日电 法国卢浮宫博物馆馆长克里斯托夫·勒里博17日就博物馆内设施设...