javascript - 兩個js文件相互require

問題描述

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

問題解答

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

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

var b = require(’b’)

那么這個問題可以理解成CommonJS中的循環引用問題。CommonJS的做法是，一旦出現某個模塊被'循環加載'，就只輸出已經執行的部分，還未執行的部分不會輸出。

如果從概念上理解兩個模塊之間的循環引用，則還涉及到es6的模塊引用。

import b from ’b’

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

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

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