問題描述

今天遇到的筆試題，請各位老鐵解惑a.js和b.js相互require，會不會陷入死循環(huán)？能不能導(dǎo)出結(jié)果？怎么避免這一問題？

問題解答

這是考察JavaScript模塊的循環(huán)加載你可以用使用es6的模塊機(jī)制繞開這個(gè)問題，ES6處理'循環(huán)加載'與CommonJS有本質(zhì)的不同。ES6根本不會關(guān)心是否發(fā)生了'循環(huán)加載'，只是生成一個(gè)指向被加載模塊的引用，需要開發(fā)者自己保證，真正取值的時(shí)候能夠取到值。

如果從字面意思理解，只使用

var b = require(’b’)

那么這個(gè)問題可以理解成CommonJS中的循環(huán)引用問題。CommonJS的做法是，一旦出現(xiàn)某個(gè)模塊被'循環(huán)加載'，就只輸出已經(jīng)執(zhí)行的部分，還未執(zhí)行的部分不會輸出。

如果從概念上理解兩個(gè)模塊之間的循環(huán)引用，則還涉及到es6的模塊引用。

import b from ’b’

ES6根本不會關(guān)心是否發(fā)生了'循環(huán)加載'，只是生成一個(gè)指向被加載模塊的引用，需要開發(fā)者自己保證，真正取值的時(shí)候能夠取到值。

單純只使用CommonJs，或者單純只使用esm(es6 module)，都不會發(fā)生死循環(huán)。但如果兩者混用就可能會發(fā)生。

推薦阮一峰的一篇博客，寫得挺完善的。http://www.ruanyifeng.com/blo...