Node.js解決循環(huán)依賴問題有哪些方法

這篇文章將為大家詳細(xì)講解有關(guān)Node.js解決循環(huán)依賴問題有哪些方法，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

站在用戶的角度思考問題，與客戶深入溝通，找到海寧網(wǎng)站設(shè)計(jì)與海寧網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：網(wǎng)站設(shè)計(jì)制作、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名注冊、網(wǎng)站空間、企業(yè)郵箱。業(yè)務(wù)覆蓋海寧地區(qū)。

如何重現(xiàn)這個(gè)問題

// 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
}

執(zhí)行下面的代碼

?  test git:(master) ? node a.js
/Users/dd/wj-gitlab/tools/test/b.js:3
sayA()
^

TypeError: sayA is not a function
    at Object.<anonymous> (/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.<anonymous> (/Users/dd/wj-gitlab/tools/test/a.js:1:78)
    at Module._compile (module.js:635:30)

sayA is not a function那么sayA是個(gè)什么呢，實(shí)際上它是 undefined

遇到這種問題時(shí)，你最好能意識到可能是循環(huán)依賴的問題，否則找問題可能事倍功半。

如何找到循環(huán)依賴的的文件

上文的示例代碼很簡單，2個(gè)文件，很容易找出循環(huán)依賴。如果有十幾個(gè)文件，手工去找循環(huán)依賴的文件，也是非常麻煩的。

下面推薦一個(gè)工具 madge, 它可以可視化的查看文件之間的依賴關(guān)系。

注意下圖1，以cli.js為起點(diǎn)，所有的箭頭都是向右展開的，這說明沒有循環(huán)依賴。如果有箭頭出現(xiàn)向左逆流，那么就可能是循環(huán)依賴的點(diǎn)。

圖2中，出現(xiàn)向左的箭頭，說明出現(xiàn)了循環(huán)依賴，說明要此處斷開循環(huán)。

【圖1】

【圖2】

如何解決循環(huán)依賴

方案1： 先導(dǎo)出自身模塊

將module.exports放到文件頭部，先將自身模塊導(dǎo)出，然后再導(dǎo)入其他模塊

// 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： 間接調(diào)用

通過引入一個(gè)event的消息傳遞，讓多個(gè)個(gè)模塊可以間接傳遞消息，多個(gè)模塊之間也可以通過發(fā)消息相互調(diào)用。

// 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()

總結(jié)

出現(xiàn)循環(huán)依賴，往往是代碼的結(jié)構(gòu)出現(xiàn)了問題。應(yīng)當(dāng)主動(dòng)去避免循環(huán)依賴這種問題，但是遇到這種問題，無法避免時(shí)，也要意識到是循環(huán)依賴導(dǎo)致的問題，并找方案解決。

最后給出一個(gè)有意思的問題，下面的代碼運(yùn)行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
}

關(guān)于Node.js解決循環(huán)依賴問題有哪些方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

文章名稱：Node.js解決循環(huán)依賴問題有哪些方法
URL分享：http://bm7419.com/article36/phdcpg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、網(wǎng)站設(shè)計(jì)、微信小程序、域名注冊、ChatGPT、網(wǎng)站導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)