socket.io：如何确保设置值

Question

我有代码依赖于在程序之前设置的其他代码。 如何限制dom等待直到从服务器发送内容才继续？ 我尝试了一个while语句，最终得出“超出调用堆栈”的异常。 我也试过setTimeOut，而render（）将起作用，我仍然会在render中得到一个异常，说明selfId还没有定义。 我该如何解决这些问题？

示例：客户：

<!DOCTYPE html>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
        <script src="https://cdn.socket.io/socket.io-1.4.5.js"></script>
        <link href="client/main.css" rel="stylesheet"</link>
    </head>
    <body>
        <div id="game">
            <!--GAMEBOARD-->
            <canvas id="ctx"></canvas>
            <!--CHATUI-->
            <div id="chat" class="chat">
                <div id="messages" class="messages">
                    <div>Welcome to Simon's Game Server</div>
                </div>
                <input id="chatinput" class="chatinput"></input>
            </div>
            <div id="fps"></div>
            <!--ADDITIONALUI-->
        </div>
        <script>
            var socket = io();
            //game loop
            var lastTime;
            function gameLoop() {

            }

            //init
            var selfId = null;   //How do i set this variable when the first user connects?  This is my question
            socket.on('setSelf', function (data) { //this is my attempt, but it is not working for the first user.
                console.log('Setting selfId to: ' + data.id);
                selfId = data.id;
                gameLoop();
            });

        </script>
    </body>
</html>

服务器：

var express = require('express');
var app = express();
var server = require('http').Server(app);
var port = 1338;
var io = require('socket.io')(server);

//routes
app.get('/', function (req, res) {
    res.sendFile(__dirname + '/client/index.html');
});
app.use('/client', express.static(__dirname + '/client'));

server.listen(port);


var UNIQUEID = 0;
io.sockets.on('connection', function (socket) {
    socket.myid = UNIQUEID;
    UNIQUEID++;
    socket.emit('setSelf', { id: socket.myid }); 
});

Answer 1

在Javascript中，在发生某些事情之前，您不能“等待”或“睡眠”。 它不起作用。 相反，您注册了某种事件处理程序，当发生这种情况时，您会触发相关代码。 在你的情况下，你可以这样做：

var selfId = null;
socket.on('setSelf', function (data) {
     selfId = data.id;
     // don't call gameLoop until you get here and selfId is set
     gameLoop();
});

function gameLoop() {
    render();
    //....
    playerState();
    //
    //etc ....
    //
}

另外，在服务器上，你不应该覆盖socket.id因为socket.io会将自己的id硬币化，并在自己的内务中使用它。 如果您想在socket对象上存储某些属性，我建议您创建自己唯一的，不冲突的属性名称，例如.myId 。

socket.io：如何确保设置值

问题描述

1 个解决方案

解决方案1
0 2016-09-24 06:47:49

socket.io：如何确保设置值

问题描述

1 个解决方案

解决方案1 0 2016-09-24 06:47:49

解决方案1
0 2016-09-24 06:47:49