摘要:本文重点是讲解如何解决循环依赖这个问题。如何找到循环依赖的的文件上文的示例代码很简单,个文件,很容易找出循环依赖。如果有十几个文件,手工去找循环依赖的文件,也是非常麻烦的。
本文重点是讲解如何解决循环依赖这个问题。关心这个问题是如何产生的,可以自行谷歌。
如何重现这个问题// a.js const {sayB} = require("./b.js") sayB() function sayA () { console.log("say A") } module.exports = { sayA }
// b.js const {sayA} = require("./a.js") sayA() function sayB () { console.log("say B") } module.exports = { sayB }
执行下面的代码
➜ test git:(master) ✗ node a.js /Users/dd/wj-gitlab/tools/test/b.js:3 sayA() ^ TypeError: sayA is not a function at Object.(/Users/dd/wj-gitlab/tools/test/b.js:3:1) at Module._compile (module.js:635:30) at Object.Module._extensions..js (module.js:646:10) at Module.load (module.js:554:32) at tryModuleLoad (module.js:497:12) at Function.Module._load (module.js:489:3) at Module.require (module.js:579:17) at require (internal/module.js:11:18) at Object. (/Users/dd/wj-gitlab/tools/test/a.js:1:78) at Module._compile (module.js:635:30)
sayA is not a function那么sayA是个什么呢,实际上它是 undefined
遇到这种问题时,你最好能意识到可能是循环依赖的问题,否则找问题可能事倍功半。
如何找到循环依赖的的文件上文的示例代码很简单,2个文件,很容易找出循环依赖。如果有十几个文件,手工去找循环依赖的文件,也是非常麻烦的。
下面推荐一个工具 madge, 它可以可视化的查看文件之间的依赖关系。
注意下图1,以cli.js为起点,所有的箭头都是向右展开的,这说明没有循环依赖。如果有箭头出现向左逆流,那么就可能是循环依赖的点。
图2中,出现向左的箭头,说明出现了循环依赖,说明要此处断开循环。
【图1】
【图2】
将module.exports放到文件头部,先将自身模块导出,然后再导入其他模块。
来自:http://maples7.com/2016/08/17...
// a.js module.exports = { sayA } const {sayB} = require("./b.js") sayB() function sayA () { console.log("say A") }
// b.js module.exports = { sayB } const {sayA} = require("./a.js") console.log(typeof sayA) sayA() function sayB () { console.log("say A") }方案2: 间接调用
通过引入一个event的消息传递,让多个个模块可以间接传递消息,多个模块之间也可以通过发消息相互调用。
// a.js require("./b.js") const bus = require("./bus.js") bus.on("sayA", sayA) setTimeout(() => { bus.emit("sayB") }, 0) function sayA () { console.log("say A") } module.exports = { sayA }
// b.js const bus = require("./bus.js") bus.on("sayB", sayB) setTimeout(() => { bus.emit("sayA") }, 0) function sayB () { console.log("say B") } module.exports = { sayB }
// bus.js const EventEmitter = require("events") class MyEmitter extends EventEmitter {} module.exports = new MyEmitter()总结
出现循环依赖,往往是代码的结构出现了问题。应当主动去避免循环依赖这种问题,但是遇到这种问题,无法避免时,也要意识到是循环依赖导致的问题,并找方案解决。
最后给出一个有意思的问题,下面的代码运行node a.js会输出什么?为什么会这样?
// a.js var moduleB = require("./b.js") setInterval(() => { console.log("setInterval A") }, 500) setTimeout(() => { console.log("setTimeout moduleA") moduleB.sayB() }, 2000) function sayA () { console.log("say A") } module.exports = { sayA }
// b.js var moduleA = require("./a.js") setInterval(() => { console.log("setInterval B") }, 500) setTimeout(() => { console.log("setTimeout moduleB") moduleA.sayA() }, 2000) function sayB () { console.log("say B") } module.exports = { sayB }
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/98719.html
摘要:前言最近参加了几场面试,积累了一些高频面试题,我把面试题分为两类,一种是基础试题主要考察前端技基础是否扎实,是否能够将前端知识体系串联。 前言 最近参加了几场面试,积累了一些高频面试题,我把面试题分为两类,一种是基础试题: 主要考察前端技基础是否扎实,是否能够将前端知识体系串联。一种是开放式问题: 考察业务积累,是否有自己的思考,思考问题的方式,这类问题没有标准答案。 基础题 题目的答...
摘要:回调函数是在异步操作完成后传播其操作结果的函数,总是用来替代同步操作的返回指令。下面的图片显示了中事件循环过程当异步操作完成时,执行权就会交给这个异步操作开始的地方,即回调函数。 本系列文章为《Node.js Design Patterns Second Edition》的原文翻译和读书笔记,在GitHub连载更新,同步翻译版链接。 欢迎关注我的专栏,之后的博文将在专栏同步: Enc...
摘要:问题什么是调用栈并且它是的一部分么调用栈当然是的一部分。为什么理解是重要的因为你在每个进程中只能获取一个调用栈。它是一个从事件队列中跳去事件的循环并且将它们的回调压入到调用栈中。当调用栈为空的时候,事件循环可以决定下一步执行哪一个。 你并不知道Node 原文:You don’t know Node 译者:neal1991 welcome to star my articles-tra...
摘要:深入浅出一直想致力于写一篇关于广义讲解系统的文章,苦于时间有限,资源有限。事件驱动机制是通过内部单线程高效率地维护事件循环队列来实现的,没有多线程的资源占用和上下文的切换。 深入浅出Node.js 一直想致力于写一篇关于广义讲解Node.js系统的文章,苦于时间有限,资源有限。这篇文章是在结合自己的学习心得以及与行业大佬共同探讨下争对于熟练掌握JS语言后的广义Node.js.至于为什么...
摘要:深入浅出一直想致力于写一篇关于广义讲解系统的文章,苦于时间有限,资源有限。事件驱动机制是通过内部单线程高效率地维护事件循环队列来实现的,没有多线程的资源占用和上下文的切换。 深入浅出Node.js 一直想致力于写一篇关于广义讲解Node.js系统的文章,苦于时间有限,资源有限。这篇文章是在结合自己的学习心得以及与行业大佬共同探讨下争对于熟练掌握JS语言后的广义Node.js.至于为什么...
阅读 1799·2021-09-22 15:23
阅读 3152·2021-09-04 16:45
阅读 1669·2021-07-29 14:49
阅读 2728·2019-08-30 15:44
阅读 1488·2019-08-29 16:36
阅读 1002·2019-08-29 11:03
阅读 1452·2019-08-26 13:53
阅读 469·2019-08-26 11:57