在Node.js中看JavaScript的引用
早期学习 Node.js 的时候 (2011-2012)，有挺多是从 PHP 转过来的，当时有部分人对于 Node.js 编辑完代码需要重启一下表示麻烦（PHP不需要这个过程），于是社区里的朋友就开始提倡使用 node-supervisor 这个模块来启动项目，可以编辑完代码之后自动重启。不过相对于 PHP 而言依旧不够方便，因为 Node.js 在重启以后，之前的上下文都丢失了。
虽然可以通过将 session 数据保存在数据库或者缓存中来减少重启过程中的数据丢失，不过如果是在生产的情况下，更新代码的重启间隙是没法处理请求的（PHP可以，另外那个时候 Node.js 还没有 cluster）。由于这方面的问题，加上本人是从 PHP 转到 Node.js 的，于是从那时开始思考，有没有办法可以在不重启的情况下热更新 Node.js 的代码。
最开始把目光瞄向了 require 这个模块。想法很简单，因为 Node.js 中引入一个模块都是通过 require 这个方法加载的。于是就开始思考 require 能不能在更新代码之后再次 require 一下。尝试如下：
a.js
var express = require('express');
var b = require('./b.js');
var app = express();
app.get('/', function (req, res) {
b = require('./b.js');
res.send(b.num);
});
app.listen(3000);b.js
exports.num = 1024;
两个 JS 文件写好之后，从 a.js 启动，刷新页面会输出 b.js 中的 1024，然后修改 b.js 文件中导出的值，例如修改为 2048。再次刷新页面依旧是原本的 1024。
再次执行一次 require 并没有刷新代码。require 在执行的过程中加载完代码之后会把模块导出的数据放在 require.cache 中。require.cache 是一个 { } 对象，以模块的绝对路径为 key，该模块的详细数据为 value。于是便开始做如下尝试：
a.js
var path = require('path');
var express = require('express');
var b = require('./b.js');
var app = express();
app.get('/', function (req, res) {
if (true) { // 检查文件是否修改
flush();
}
res.send(b.num);
});
function flush() {
delete require.cache[path.join(__dirname, './b.js')];
b = require('./b.js');
}
app.listen(3000);再次 require 之前，将 require 之上关于该模块的 cache 清理掉后，用之前的方法再次测试。结果发现，可以成功的刷新 b.js 的代码，输出新修改的值。
了解到这个点后，就想通过该原理实现一个无重启热更新版本的 node-supervisor。在封装模块的过程中，出于情怀的原因，考虑提供一个类似 PHP 中 include 的函数来代替 require 去引入一个模块。实际内部依旧是使用 require 去加载。以b.js为例，原本的写法改为 var b = include(‘./b’)，在文件 b.js 更新之后 include 内部可以自动刷新，让外面拿到最新的代码。
但是实际的开发过程中，这样很快就碰到了问题。我们希望的代码可能是这样：
web.js
var include = require('./include');
var express = require('express');
var b = include('./b.js');
var app = express();
app.get('/', function (req, res) {
res.send(b.num);
});
app.listen(3000);但按照这个目标封装include的时候，我们发现了问题。无论我们在include.js内部中如何实现，都不能像开始那样拿到新的 b.num。
对比开始的代码，我们发现问题出在少了 b = xx。也就是说这样写才可以：
web.js
var include = require('./include');
var express = require('express');
var app = express();
app.get('/', function (req, res) {
var b = include('./b.js');
res.send(b.num);
});
app.listen(3000);修改成这样，就可以保证每次能可以正确的刷新到最新的代码，并且不用重启实例了。读者有兴趣的可以研究这个include是怎么实现的，本文就不深入讨论了，因为这个技巧使用度不高，写起起来不是很优雅[1]，反而这其中有一个更重要的问题——JavaScript的引用。
JavaScript 的引用与传统引用的区别
要讨论这个问题，我们首先要了解 JavaScript 的引用于其他语言中的一个区别，在 C++ 中引用可以直接修改外部的值：
#include <iostream>
using namespace std;
void test(int &p) // 引用传递 {
p = 2048;
}
int main() {
int a = 1024;
int &p = a; // 设置引用p指向a
test(p); // 调用函数
cout << "p: " << p << endl; // 2048
cout << "a: " << a << endl; // 2048
return 0;
}而在 JavaScript 中：
var obj = { name: 'Alan' };
function test1(obj) {
obj = { hello: 'world' }; // 试图修改外部obj
}
test1(obj);
console.log(obj); // { name: 'Alan' } // 并没有修改①
function test2(obj) {
obj.name = 'world'; // 根据该对象修改其上的属性
}
test2(obj);
console.log(obj); // { name: 'world' } // 修改成功②我们发现与 C++ 不同，根据上面代码 ① 可知 JavaScript 中并没有传递一个引用，而是拷贝了一个新的变量，即值传递。根据 ② 可知拷贝的这个变量是一个可以访问到对象属性的“引用”（与传统的 C++ 的引用不同，下文中提到的 JavaScript 的引用都是这种特别的引用）。这里需要总结一个绕口的结论：Javascript 中均是值传递，对象在传递的过程中是拷贝了一份新的引用。
为了理解这个比较拗口的结论，让我们来看一段代码：
var obj = {
data: {}
};
// data 指向 obj.data
var data = obj.data;
console.log(data === obj.data); // true-->data所操作的就是obj.data
data.name = 'Alan';
data.test = function () {
console.log('hi')
};
// 通过data可以直接修改到data的值
console.log(obj) // { data: { name: 'Alan', test: [Function] } }
data = {
name: 'Bob',
add: function (a, b) {
return a + b;
}
};
// data是一个引用，直接赋值给它，只是让这个变量等于另外一个引用，并不会修改到obj本身
console.log(data); // { name: 'Bob', add: [Function] }
console.log(obj); // { data: { name: 'Alan', test: [Function] } }
obj.data = {
name: 'Bob',
add: function (a, b) {
return a + b;
}
};
// 而通过obj.data才能真正修改到data本身
console.log(obj); // { data: { name: 'Bob', add: [Function] } }通过这个例子我们可以看到，data 虽然像一个引用一样指向了 obj.data，并且通过 data 可以访问到 obj.data 上的属性。但是由于 JavaScript 值传递的特性直接修改 data = xxx 并不会使得 obj.data = xxx。
打个比方最初设置 var data = obj.data 的时候，内存中的情况大概是：
| Addr | 内容 | |----------|-------- | obj.data | 内存1 | | data | 内存1 |
所以通过 data.xx 可以修改 obj.data 的内存1。
然后设置 data = xxx，由于 data 是拷贝的一个新的值，只是这个值是一个引用（指向内存1）罢了。让它等于另外一个对象就好比：
| Addr | 内容 | |----------|-------- | obj.data | 内存1 | | data | 内存2 |
让 data 指向了新的一块内存2。
如果是传统的引用（如上文中提到的 C++ 的引用），那么 obj.data 本身会变成新的内存2，但 JavaScript 中均是值传递，对象在传递的过程中拷贝了一份新的引用。所以这个新拷贝的变量被改变并不影响原本的对象。
Node.js 中的 module.exports 与 exports
上述例子中的 obj.data 与 data 的关系，就是 Node.js 中的 module.exports 与 exports 之间的关系。让我们来看看 Node.js 中 require 一个文件时的实际结构：
function require(...) {
var module = { exports: {} };
((module, exports) => { // Node.js 中文件外部其实被包了一层自执行的函数
// 这中间是你模块内部的代码.
function some_func() {};
exports = some_func;
// 这样赋值,exports便不再指向module.exports
// 而module.exports依旧是{}
module.exports = some_func;
// 这样设置才能修改到原本的exports
})(module, module.exports);
return module.exports;
}所以很自然的：
console.log(module.exports === exports); // true // 所以 exports 所操作的就是 module.exports
Node.js 中的 exports 就是拷贝的一份 module.exports 的引用。通过 exports 可以修改Node.js 当前文件导出的属性，但是不能修改当前模块本身。通过 module.exports 才可以修改到其本身。表现上来说：
exports = 1; // 无效 module.exports = 1; // 有效
这是二者表现上的区别，其他方面用起来都没有差别。所以你现在应该知道写module.exports.xx = xxx; 的人其实是多写了一个module.。
更复杂的例子
为了再练习一下，我们在来看一个比较复杂的例子：
var a = {n: 1};
var b = a;
a.x = a = {n: 2};
console.log(a.x);
console.log(b.x);按照开始的结论我们可以一步步的来看这个问题：
var a = {n: 1}; // 引用a指向内存1{n:1}
var b = a; // 引用b => a => { n:1 }内部结构:
| Addr | 内容 | |---------|-------------|
| a | 内存1 {n:1} | | b | 内存1 |继续往下看:
a.x = a = {n: 2}; // (内存1 而不是 a ).x = 引用 a = 内存2 {n:2}a 虽然是引用，但是 JavaScript 是值传的这个引用，所以被修改不影响原本的地方。
| Addr | 内容 | |-----------|-----------------------|
| 1) a | 内存2({n:2}) | | 2) 内存1.x | 内存2({n:2}) |
| 3) b | 内存1({n:1, x:内存2}) |所以最后的结果
- a.x 即(内存2).x ==> {n: 2}.x ==> undefined
- b.x 即(内存1).x ==> 内存2 ==> {n: 2}
总结
JavaScrip t中没有引用传递，只有值传递。对象（引用类型）的传递只是拷贝一个新的引用，这个新的引用可以访问原本对象上的属性，但是这个新的引用本身是放在另外一个格子上的值，直接往这个格子赋新的值，并不会影响原本的对象。本文开头所讨论的 Node.js 热更新时碰到的也是这个问题，区别是对象本身改变了，而原本拷贝出来的引用还指向旧的内存，所以通过旧的引用调用不到新的方法。