Original 'dieser' Kontext mit Socket.IO

Question

Ich wickelte haben (Client-Seite) socket.io in einem Prototyp-Klasse:

Chat.Client = Class.create(); 

Chat.Client.prototype = { 

    initialize: function() { 
     ... 
     this.socket.on('message', this.on_message); 
     ... 
    }, 

    on_message: function(data) { 
     this.add_chat_message(data.something); 
    } 

    do_something: function(something) { 
     ... 
    } 

Dies, weil 'diese' funktioniert nicht in ON_MESSAGE wird 'SocketNamespace' . Traditionell würde ich das umgehen, indem ich "this" als zusätzlichen Parameter in den Callback übergebe, aber weil ich socket.io verwende, kann ich das nicht einfach tun.

Wie kann ich das lösen?

Answer 1

Sie können es in einer anderen Funktion wickeln:

initialize: function() { 
    // ... 
    var client = this; 
    this.socket.on('message', function(data) { client.on_message(data); }); 

In neueren Browsern (oder Node.js) Sie können alternativ auch eine Funktion auf dem "bind" genannt Function Prototyp verwenden:

this.socket.on('message', this.on_message.bind(this)); 

Die "bind" -Funktion gibt eine Funktion zurück, die beim Aufruf die ursprüngliche Funktion ("on_message") mit dem angegebenen Wert als this-Wert aufrufen soll.