javascript - 带有 Socket.IO 的原始 'this' 上下文

Question

我已经将(客户端)socket.io 包装在一个原型(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) {
        ...
    }

这不起作用，因为 on_message 中的“this”将是“SocketNamespace”。传统上，我会通过将“this”作为附加参数传递给回调来解决这个问题，但因为我使用的是 socket.io，所以我不能简单地这样做。

我该如何解决这个问题？

Answer 1

您可以将其包装在另一个函数中:

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

在较新的浏览器(或 Node.js)中，您可以选择在 Function 原型(prototype)上使用一个名为“bind”的函数:

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

“绑定(bind)”函数返回一个函数，该函数在被调用时将强制使用给定值作为 this 值来调用原始函数 (“on_message”)。