SignalRクライアントサイドコールバックはオブジェクト関数であり、 'this'

Question

私はSignalRを試しています。クライアントが定義したコールバックがjavascriptオブジェクトに属するメソッドであるとき、その関数の中で（SignalRから呼び出されたとき） 'this'はハブオブジェクトを参照します。私の質問は、コンテナのJavaScriptオブジェクトを取得して、変数と関数にアクセスできるようにする方法です。

var gameLoad = { 

    init: function() { 
     // create the network object and hook it's functions update for loading 
     this.network = $.connection.testHub; 
     console.log(this.network); 
     this.network.client.hello = this.sayHello; 
    }, 

    // called from signalR 'this' is the network hub object now when inside the function 
    sayHello: function() { 
     console.log("Test 2!"); 
     console.log(this); // <-- this isn't gameLoad object it's SignalR object. how do I access gameLoad object properties/methods? 

     play.update(); 
    }, 

    create: function() { 
     var self = this; 
     console.log(this.network); 

     // switch to play state passing network along so it can bind to some of it's function 
     $.connection.hub.start().done(function() { 
      console.log("Started!") 
      console.log("Calling server function."); 

      // make our first network call 
      self.network.server.hello(); 
     }); 
    } 
}; 

Answer 1

あなたはgameload変数経由でオブジェクトにアクセスできるようにするには、オブジェクトを作成し、gameloadという変数に格納している：

var gameLoad = { 
    foo: "foo", 
    bar: function() { 
     console.log(gameLoad.foo); 
    } 
}; 

gameLoad.bar(); 

https://jsfiddle.net/nk4hv96c/

EDIT：

を

あなたはJavaScriptを具体的に求めているので、この次の提案は答えとはみなされませんが、JavaScriptを書くときにはTypeScriptを使用します。

TypeScriptは、コードをより構造化し、 "this"を "操作中のオブジェクト"として保存できるような便利な機能を提供します。

https://basarat.gitbooks.io/typescript/docs/classes.html

https://basarat.gitbooks.io/typescript/docs/arrow-functions.html

EDIT 2：あなたはコンストラクタ関数を使用したい場合、あなたは "この" コンストラクタ関数内の変数に保存することができます

。

function Foo() { 
    var self = this; 

    this.Bar = "Bar"; 

    this.Baz = function() { 
     console.log(self.Bar); 
    }; 
} 

var foo = new Foo(); 
foo.Baz(); 

https://jsfiddle.net/8b7kjmau/

これは活字体がそれをどのように処理するかもある：http://www.typescriptlang.org/play/#src=class%20Foo%20%7B%0D%0A%20%20%20%20public%20Bar%20%3D%20%22Bar%22%3B%0D%0A%0D%0A%20%20%20%20public%20Baz%20%3D%20()%20%3D%3E%20%7B%0D%0A%20%20%20%20%20%20%20%20console.log(this.Bar)%3B%0D%0A%20%20%20%20%7D%3B%20%20%20%20%0D%0A%7D

EDIT 3：

この例では、 "これは" 変更されているにもかかわらず、 "自己" は利用可能である方法を示しています。

「これ」を変更するために、SignalRではなくjQueryのクリックイベントを使用します。

function Foo() { 
    var self = this; 

    this.Bar = "Bar"; 

    this.Baz = function() { 
     console.log(this.self); 
     console.log(this.id); 
     console.log(self.Bar); 
    }; 
} 

var foo = new Foo(); 

$("#button").click(foo.Baz); 

https://jsfiddle.net/gr7dzgqr/

出力：

Undefined 
button 
Bar