ホームページ >ウェブフロントエンド >jsチュートリアル >Node.js の循環依存関係の問題を解決する 2 つの方法の紹介

Node.js の循環依存関係の問題を解決する 2 つの方法の紹介

不言
不言転載
2018-10-26 15:54:183795ブラウズ

この記事の内容は、Node.js の循環依存関係の問題を解決する 2 つの方法の紹介です。必要な方は参考にしていただければ幸いです。

この記事の焦点は、循環依存関係の問題を解決する方法を説明することです。この問題がどのように発生するかに興味がある場合は、自分で Google で調べてみてください。

この問題を再現する方法

// 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.<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)</anonymous></anonymous>

sayA は関数ではありません実際、sayA とは何ですか? 未定義

この種の問題に遭遇した場合は、循環依存関係の問題である可能性があることを認識したほうがよいでしょう。 そうしないと、問題の発見が結果の半分になる可能性があります。 。

循環依存関係のあるファイルを見つける方法

上記のサンプル コードは非常にシンプルで、2 つのファイルがあるため、循環依存関係を簡単に見つけることができます。ファイルが十数個ある場合、循環依存ファイルを手動で見つけるのは非常に面倒です。

ファイル間の依存関係を視覚的に確認できるツールmadgeを以下に紹介します。

以下の図 1 に注目してください。cli.js を開始点として見ると、すべての矢印が右に展開されており、循環依存関係がないことがわかります。左への逆流を指す矢印がある場合、それは循環依存のポイントである可能性があります。

図 2 では、循環依存関係があることを示す左矢印が表示され、ここで循環を断ち切る必要があることを示しています。

Node.js の循環依存関係の問題を解決する 2 つの方法の紹介
【写真 1】

Node.js の循環依存関係の問題を解決する 2 つの方法の紹介

##【写真 2】

循環依存関係を解決する方法##オプション 1: 最初に独自のモジュールをエクスポート

##ファイルの先頭に module.exports を置き、最初に独自のモジュールをエクスポートします。その後、他のモジュールをインポートします

// 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: 間接呼び出し

イベント メッセージ受け渡しを導入することで、複数のモジュール間で間接的にメッセージを渡すことができます。メッセージを送信することでお互いに。

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

概要

循環依存関係が発生する場合、コードの構造に問題があることがよくあります。循環依存関係などの問題は率先して回避する必要がありますが、そのような問題に遭遇して回避できない場合は、問題が循環依存関係によって引き起こされていることに気づき、解決策を見つける必要もあります。

最後に、興味深い質問があります。ノード a.js を実行すると、次のコードは何を出力しますか?なぜこうなった?

ああああああ

以上がNode.js の循環依存関係の問題を解決する 2 つの方法の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はsegmentfault.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。