模块是一门语言编写大项目的基石,因此,了解如何组织、编写、编译、加载模块很重要。这里主要谈谈Node中的模块加载。
1.Node中的模块,主要使用require来加载模块
-
require("./") --- 加载本文件夹下面的package.json,如果没有,则加载index.js、index.node
-
require("some.js") --加载本文件夹下面的some.js文件
-
require("lib/some.js") --加载lib/some.js文件
-
require("modulename") --加载当前目录node_modules/modulename文件夹内的package.json,如果没有,则加载index.js、index.node。如果当前目录找不到以上内容,则进入指定全局模块缓存目录中加载modulename文件夹中的内容,如还未找到,则进入系统环境变量NODE_PATH指定的路径中加载modulename文件夹内的内容。涉及到的目录,请参看npm路径设置。
2.Node中创建/导出模块:module.exports
Module.exports才是真正的接口,exports只不过是它的一个辅助工具。 最终返回给调用的是Module.exports而不是exports。
所有的exports收集到的属性和方法,都赋值给了Module.exports。
当然,这有个前提,就是Module.exports本身不具备任何属性和方法。如果,Module.exports已经具备一些属性和方法,那么exports收集来的信息将被忽略。
修改rocker.js如下:
module.exports = 'ROCK IT!';
exports.name = function() {
console.log('My name is Lemmy Kilmister');
};
//再次引用执行rocker.js :
var rocker = require('./rocker.js');
rocker.name(); // TypeError: Object ROCK IT! has no method 'name'
发现报错:对象“ROCK IT!”没有name方法,rocker模块忽略了exports收集的name方法,返回了一个字符串“ROCK IT!”。
结论:
1.模块并不一定非得返回“实例化对象”。你的模块可以是任何合法的javascript对象--boolean, number, date, JSON, string, function, array等等。
2.模块可以是任何你设置给它的东西。如果你没有显式的给Module.exports设置任何属性和方法,那么你的模块就是exports设置给Module.exports的属性。
实例:
module.exports = function(name, age) {
this.name = name;
this.age = age;
this.about = function() {
console.log(this.name +' is '+ this.age +' years old');
};//欢迎加入全栈开发交流圈一起学习交流:864305860
//面向1-3年前端人员
//帮助突破技术瓶颈,提升思维能力
};
调用:
ar Rocker = require('./rocker.js');
var r = new Rocker('Ozzy', 62);
r.about(); // Ozzy is 62 years old
3.如果你的模块是一个特定的类型,就用Module.exports;
如果你模块是一个典型的“实例化对象”就用exports。
给Module.exports添加属性类似于给exports添加属性。例如:
module.exports.name = function() {
console.log('My name is Lemmy Kilmister');
};
同样,exports是这样的
exports.name = function() {
console.log('My name is Lemmy Kilmister');
};
请注意,这两种结果并不想同。前面已经提到module.exports是真正的接口,exports只不过是它的辅助工具。推荐使用exports导出(实例化对象),除非你打算从原来的“实例化对象”改变成一个类型。
注意,webpack 默认是支持es6的。所以,在 导入/导出模块 的时候,也可以用es6的写法。
小结:1.nodejs中的用 require,exports 处理模块
2..注意区别nodejs 与 es6中模块导入,导出方法的不同之处
结语
感谢您的观看,如有不足之处,欢迎批评指正。
本次给大家推荐一个免费的学习群,里面概括移动应用网站开发,css,html,webpack,vue node angular以及面试资源等。
对web开发技术感兴趣的同学,欢迎加入Q群:864305860,不管你是小白还是大牛我都欢迎,还有大牛整理的一套高效率学习路线和教程与您免费分享,同时每天更新视频资料。
最后,祝大家早日学有所成,拿到满意offer,快速升职加薪,走上人生巅峰。
网友评论