介绍一下commonjs循环加载的处理方式
先介绍下require的特性
1 module 被加载的时候执行,模块的所有语句都会被执行
2 module 加载后缓存,以后使用会在内存中寻找,不会二次加载
3 一旦出现某个模块被循环加载,就只输出已经执行的部分,还未执行的部分不会输出(下方解释)
脚本文件a.js
代码如下。
1 | exports.done = false; |
上面代码之中,a.js
脚本先输出一个done
变量,然后加载另一个脚本文件b.js
。注意,此时a.js
代码就停在这里,等待b.js
执行完毕,再往下执行。
再看b.js
的代码。
1 | exports.done = false; |
上面代码之中,b.js
执行到第二行,就会去加载a.js
,这时,就发生了“循环加载”。系统会去a.js
模块对应对象的exports
属性取值,可是因为a.js
还没有执行完,从exports
属性只能取回已经执行的部分,而不是最后的值。
a.js
已经执行的部分,只有一行。
1 | exports.done = false; |
因此,对于b.js
来说,它从a.js
只输入一个变量done
,值为false
。
然后,b.js
接着往下执行,等到全部执行完毕,再把执行权交还给a.js
。于是,a.js
接着往下执行,直到执行完毕。我们写一个脚本main.js
,验证这个过程。
1 | var a = require('./a.js'); |
执行main.js
,运行结果如下。
1 | $ node main.js |
具体执行顺序如下
1 | // main.js |