contexte original 'ceci' avec Socket.IO

Question

J'enveloppé (-côté client) socket.io dans une classe prototype:

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) { 
     ... 
    } 

Cela ne fonctionne pas parce que 'ceci' dans ON_MESSAGE sera 'SocketNamespace' . Traditionnellement, je voudrais contourner ce problème en passant simplement 'this' dans le callback en tant que paramètre supplémentaire, mais comme j'utilise socket.io, je ne peux pas le faire simplement.

Comment puis-je résoudre ce problème?

Answer 1

Vous pouvez envelopper dans une autre fonction:

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

Dans les navigateurs les plus récents (ou Node.js), vous pouvez également utiliser une fonction sur le prototype Function appelé "bind":

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

La fonction "bind" renvoie une fonction qui, lorsqu'elle est appelée, forcera la fonction d'origine ("on_message") à être invoquée avec la valeur donnée comme valeur this.