問(wèn)題描述

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

問(wèn)題解答

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

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

var b = require(’b’)

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

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

import b from ’b’

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

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

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