node.js基础(一)模块化

简介:

主要介绍node.js中的模块化,以及es6模块化与node.js模块化这两个模块化的区别

1.node.js的模块化CommonJS

先看两种导出的模式

//第一种方式
exports.name = "aa"
exports.age = 12

//第二种方式
module.exports.name = "bb"
module.exports.age = 12
module.exports.sayHello = function(){
    //这里导出的是一个函数
    log('hello')
}

第3段中会用到对象方式导出

这两种方式一个是exprots,另一个module.exprots。它们之间的区别就是,exprots是一个指向
module.exprots的引用。module.exprots的初始值是一个空对象{},所以exprots初始值也是{}。
但是module.exprots可以单独定义,返回数据类型。exprots只能返回的是一个object对象。

//导出 a.js
module.exprots = ['a','b','c']
//导出 b.js
exprots = ['a','b','c']

//导入a.js
var mymodule = require.('a.js')
log(mymodule) // 结果为 ['a','b','c']
//导入b.js
var mymodule = require.('b.js')
log(mymodule) // 结果为{}

CommonJS 规定:

(1)每个模块内部,module 变量代表当前模块。
(2)module 变量是一个对象,它的 exports 属性(即 module.exports)是对外的接口。
(3)加载某个模块,其实是加载该模块的 module.exports 属性。require() 方法用于加载模块。

2.与ES6的不同

  • CommonJS 模块是 Node.js 专用的,与 ES6 模块不兼容。而ES6模块化在浏览器和node.js中都可以用。
  • 语法上面,两者最明显的差异是,CommonJS 模块使用require()和module.exports,ES6 模块使用import和export。
  • CommonJS 模块是运行时加载,ES6 模块是编译时输出接口。(可用在加载组件的时候动态加载)
  • 在node.js使用模块化,需要将 CommonJS 脚本的后缀名都改成.cjs,ES6 模块采用.mjs后缀文件名。或者修改package.son里面的文件,type字段为module或commonjs。

3.如何require一个ES6 Module

先了解两个概念,还有default的意思:
1.使用require 是 CommonJS的模块导入方式,不支持模块的默认导出,因此导入的结果其实是一个含 default 属性的对象,因此需要使用 .default 来获取实际的组件选项。
2.使用 ES6 的 import 语句,ES6 的模块化导入导出语法。import 时需要给定一个变量名,所有 import 语句必须统一放在模块的开头。

node.js导出模式

//导出
module.exports = {
    a: 'hello'
}
//导入
var b =require('./a.js')
log(b.a) //hello

这里我们module.exports导出的啥,require得到的就是啥。({a:'hello'} 这个对象)

es6导出模式

const a = 'hello'
exprort default a;

这样导出的其实是{ "default" : a },这样的并非是原来的a变量。还原其实就是这样的写法

const a = 'hello'
exprort { a as default };

如果 .vue 文件中使用的本来就是 CommonJS 或者 AMD 的模块化系统语法,导出的是 module.exports 对象作为组件选项,那么使用 require 导入时就不需要使用 .default 来获取。



作者:Link9527
链接:https://www2.jianshu.com/p/22e2b6c6a645
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值