从零学习node.js之模块规范(一)


Posted in Javascript onFebruary 21, 2017

什么是Node.js?

很多初学者并没有真正地理解Node.js到底是什么。nodejs.org网站中的描述也没有多大帮助。

首先要清楚Node不是一个Web服务器,这十分重要。它本身并不能做任何事情。它无法像Apache那样工作。如果你希望它成为一个HTTP服务器,你必须借助它内置库自己编写。Node.js只是计算机上执行代码的另一种方式,它是一个简单的JavaScript Runtime.

模块化

在讲解CommonJS, AMD, CMD这些概念之前,我们首先俩了解下js的模块化。模块化,顾名思义,就是将项目按照功能或者其他逻辑进行分解处理,每个部分只处理一个功能,进行功能的解耦处理,方便以后的开发和维护。那么模块化必须具有以下的能力,才能进行模块的拆分和组装:

  1. 定义封装的模块;
  2. 定义新模块对其他模块的依赖;
  3. 可对其他模块的引入支持;

那么就需要一套规范准则来定义这些能力,于是就出现了CommonJS, AMD, CMD等。

1. CommonJS

CommonJS原先叫做ServerJS,是js在服务端的规范,node使用的就是这种规范。根据CommonJS规范,一个单独的文件就是一个模块,require用来加载一个模块,exports用来向外部暴露该模块里的方法或属性。

例如:

// hello.js
function say(username){
 console.log( 'hello, '+username );
}

exports.say = say;

=============

// main.js
var person = require('./hello');

person.say('wenzi'); // hello, wenzi
person.say('师少兵'); // hello, 师少兵
person.say('NUC'); // hello, NUC

同时,require语句可以写在文件中的任何位置,只要使用之前引用之前即可,不一定要写在文件的最前面。不过,为了代码更易阅读,能直观地看到当前引用了哪些模块,最好是放在文件的最前面。

EXPORTS与MODULE.EXPORTS的区别

可能有人见过直接使用exports的,有的是使用module.exports的,这里稍微的讲解下这两者的区别。

先举个简单的例子:

var a = {name:'wenzi'};
var b = a;

console.log(a); // {name: "wenzi"}
console.log(b); // {name: "wenzi"}

a和b输出的结果是一样的。现在我改变下b中name的值:

b.name = 'shaobing';

console.log(a); // {name: "shaobing"}
console.log(b); // {name: "shaobing"}

a和b的输出结果都发生了改变。我再对b进行重新声明:

var b = {name:'师少兵'};

console.log(a); // {name: "shaobing"}
console.log(b); // {name: "师少兵"}

这三个例子输出了三种结果:

  1. 声明a对象,并把a赋值给b,然后a和b输出了相同的结果;
  2. 改变了b中的name,那么a中的name也跟着改变;
  3. 重新声明了b对象,那么a中的name则没有跟着b一起改变

解释:a 是一个对象,b 是对 a 的引用,即 a 和 b 指向同一块内存,所以1中的输出是一样的。当对 b 作修改时,即 a 和 b 指向同一块内存地址的内容发生了改变,a 也会体现出来,所以第2个例子输出也一样。当 b 被覆盖时,b 指向了一块新的内存,a 还是指向原来的内存,所以最后输出会不一样。

那么此时就可以引出exportsmodule.exports了:

  1. module.exports 初始值为一个空对象 {}
  2. exports 是指向的 module.exports 的引用
  3. require() 返回的是 module.exports 而不是 exports

如果module.exports发生了新指向,则exports无效;若module.exports没有发生变化,则直接exports即可。

2. AMD与RequireJS

说到AMD,不得不说到RequireJS,AMD从CommonJS社区独立出来,单独成为了AMD社区,AMD的流行,很大程度上也是依托了RequireJS作者的推广。

AMD规范中,默认推荐的模块格式是:

// hello.js
// 将需要引入的模块全部写入到数组中,然后传递参数进行调用
define(['a', 'b'], function(a, ,b){
 // do something

 return{
 hello : function(username){
  console.log( 'hello, '+username );
 }
 }
})

==========

// main.js
define(['./hello'], function(h){
 h.hello('wenzi');
})

也就是说,在AMD中,模块必须使用define定义,依赖通过函数参数传进来,这样的一个好处就是所有的依赖都能一目了然。

3. CMD与seajs

CMD规范是国内著名的玉伯大神提出来的,将就的就是就近依赖,什么时候用到,就在那个地方进行require。SeaJS就是使用的CMD规范:

// hello.js
define(function(require, exports, module){
 var a = require('a');
 // do a

 var b = require( 'b' );
 // do b

 module.exports.hello = hello; // 对外输出hello
})

从这里也能看到AMD和CMD的区别:

  1. AMD通常需要一次性引入全部的依赖,然后通过参数传递;而CMD则需要时才引入

不过,AMD也支持CMD这样的引入格式,但内部还是按照AMD的逻辑进行执行。

4. 总结

这篇文章里介绍了下CommonJS, AMD, CMD规范的相关区别与联系,这里再简要的总结下:

  1. CommonJS: 每个文件就是一个模块,不用define进行定义,node使用此规范;
  2. AMD: 使用define定义一个模块,讲究提前依赖;
  3. CMD: 使用define定义模块,将就就近依赖

好了,以上就是这篇文章的全部内容了,接下来,我们就要开始正式进行node的学习了。感兴趣的朋友们请继续关注三水点靠木哦。

Javascript 相关文章推荐
jQuery 1.0.4 - New Wave Javascript(js源文件)
Jan 15 Javascript
javascript 类定义的4种方法
Sep 12 Javascript
jquery向.ashx文件post中文乱码问题的解决方法
Mar 28 Javascript
jQuery中多个元素的Hover事件解决方案
Jun 12 Javascript
jQuery绑定事件on()与弹窗的简要概述
Apr 27 Javascript
jquery弹出框插件jquery.ui.dialog用法分析
Aug 20 Javascript
js学习总结_基于数据类型检测的四种方式(必看)
Jul 04 Javascript
Kindeditor单独调用单图上传增加预览功能的实例
Jul 31 Javascript
js将键值对字符串转为json字符串的方法
Mar 30 Javascript
vue插件mescroll.js实现移动端上拉加载和下拉刷新
Mar 07 Javascript
Vue.js下拉菜单组件使用方法详解
Oct 19 Javascript
压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
Feb 03 Javascript
JS获得一个对象的所有属性和方法实例
Feb 21 #Javascript
JS中实现函数return多个返回值的实例
Feb 21 #Javascript
基于JS实现9种不同的面包屑和分布式多步骤导航效果
Feb 21 #Javascript
详解Angular.js指令中scope类型的几种特殊情况
Feb 21 #Javascript
bootstrap PrintThis打印插件使用详解
Feb 20 #Javascript
jQuery实现文档树效果
Feb 20 #Javascript
js以及jquery实现手风琴效果
Apr 17 #Javascript
You might like
PHP中路径问题的解决方案
2006/10/09 PHP
php字符串函数学习之substr()
2015/03/27 PHP
示例详解Laravel的注册重构
2016/08/14 PHP
Ajax::prototype 源码解读
2007/01/22 Javascript
收集的网上用的ajax之chat.js文件
2007/04/08 Javascript
js继承的实现代码
2010/08/05 Javascript
JS批量修改PS中图层名称的方法
2014/01/26 Javascript
使用原生js封装webapp滑动效果(惯性滑动、滑动回弹)
2014/05/06 Javascript
js判断元素是否隐藏的方法
2014/06/09 Javascript
基于jQuery实现的文字按钮表单特效整理
2014/12/07 Javascript
jquery合并表格中相同文本的相邻单元格
2015/07/17 Javascript
jQuery插件ImageDrawer.js实现动态绘制图片动画(附源码下载)
2016/02/25 Javascript
js实现数组冒泡排序、快速排序原理
2016/03/08 Javascript
深入理解AngularJs-scope的脏检查(一)
2017/06/19 Javascript
Vue仿今日头条实例详解
2018/02/06 Javascript
angular4 获取wifi列表中文显示乱码问题的解决
2018/10/20 Javascript
vue中typescript装饰器的使用方法超实用教程
2019/06/17 Javascript
通过vue写一个瀑布流插件代码实例
2019/09/07 Javascript
解决vue无法侦听数组及对象属性的变化问题
2020/07/17 Javascript
vue实现广告栏上下滚动效果
2020/11/26 Vue.js
Python正则表达式匹配ip地址实例
2014/10/09 Python
Python 序列化 pickle/cPickle模块使用介绍
2014/11/30 Python
使用PDB模式调试Python程序介绍
2015/04/05 Python
Django项目开发中cookies和session的常用操作分析
2018/07/03 Python
pandas 条件搜索返回列表的方法
2018/10/30 Python
基于Python实现用户管理系统
2019/02/26 Python
使用apiDoc实现python接口文档编写
2019/11/19 Python
兰蔻法国官方网站:Lancôme法国
2020/02/22 全球购物
递归实现回文判断(如:abcdedbca就是回文,判断一个面试者对递归理解的简单程序)
2013/04/28 面试题
房地产财务管理制度
2014/02/02 职场文书
幼儿园家长寄语
2014/04/02 职场文书
超市商业计划书
2014/05/04 职场文书
2015年财政局工作总结
2015/05/21 职场文书
辩论赛开场白大全(主持人+辩手)
2015/05/29 职场文书
银行柜员优质服务心得体会
2016/01/22 职场文书
如何使用php生成zip压缩包
2021/04/21 PHP