javascript - 将socket.io封装在一个类中

Question

这个问题已经有答案了:

Simplest/cleanest way to implement a singleton in JavaScript (46 个回答)

已关闭 3 年前。

我试图将socket.io封装在一个类中，这样我就可以在多个文件中共享同一个套接字(使用导入)。如果您只使用一个文件，这是使用 WebSocket 的常见方法

Test.js

let ip = "http://localhost/";
let socket = io(ip);
socket.emit("message", {"content": "hello"});

socket.on("messageResponse", function(content) {
  //Do something here.
});

<小时/>

我想要实现的是..

多人游戏/Socket.js

class Socket {
    constructor(ip) {
        this.socket = io(ip);
    }

    sendMessage(message, data) {
        this.socket.emit(message, data);
    }
}

export default Socket;

A.js

import Socket from "./multiplayer/Socket.js";

//listen to certain events here like socket.on("connect")

B.js

import Socket from "./multiplayer/Socket.js";

//listen to some other events here like socket.on("chatMessage")

但我不知道如何封装 on 事件。我使用汇总将脚本捆绑在一个文件中。

谢谢!

Answer 1

您似乎想创建一个单例

您可以通过导出所有东西都将共享的套接字对象版本来做到这一点:

class Socket {
    constructor(ip) {
        this.socket = io(ip);
    }

    sendMessage(message, data) {
        this.socket.emit(message, data);
    }
}

export default new Socket('some_ip');

然后在您的代码中您可以执行以下操作:

import s from "./multiplayer/Socket.js";

s.socket.on('something', doSomething);

并且您导入该套接字对象的每个位置都会共享所有相同的信息