javacript内の別のオブジェクトにアクセスできません

Question

モジュラーパターンを使用して2つのオブジェクトが定義されているサンプルコードをアップロードしました。

var obj1 = { 
    cachdom: function() { 
     // querying a dom element 
     this.$interactiveReport = $('#BugPreventiveIR_data_panel'); 

     } 
    }; 

    var obj2 = { 
     $IR: obj1.$interactiveReport, 
     logging: function() { 
     // This returns undefined 
     console.log(this.$IR); 
     } 
    }; 

    // Invoking the Objects only after document is ready. 
    $(document).ready(function() { 
     console.clear(); 
     interactiveReportRegion.init(); 
     displayOfBugList.logging(); 
    }); 

ただし、コンソールをチェックインすると、obj2.loggingはこれを未定義に返します。しかし、コンソールからobj1。$ interactiveReportにアクセスすると、オブジェクトの値を見ることができます。同様に、2番目のオブジェクトをコンソールに再度定義すると、obj2。$ IRの正しい値が取得されます。

何らかの理由で、2番目のオブジェクトの最初のオブジェクトのプロパティにアクセスできません。

私の全体のコードは、ロギング機能は、これはそれを行う必要があります...それが構築されたオブジェクトではありませんので、「これは」何を意味するのかを知る必要があり、ここで https://gist.github.com/alaghu/6225e50b35ecfdaf2ee8f752f596f49b

Answer 1

見つけることができます。

displayOfBugList.logging.apply(displayOfBugList); 

Answer 2

"this"の範囲を変更します。これを修正するためにlamda関数の使用を検討してください。 「これ」とバインドする能力もありますが、私はその方法から恥ずかしがります