【发布时间】:2016-11-24 05:41:46
【问题描述】:
我正在使用 NodeJS 和 socket.io 创建一个在线浏览器纸牌游戏。
我在底部编写了代码,其中一个对象填充了两个玩家(0 和 1),然后每个玩家都得到一个持有牌组的对象,其中还有两个对象,即以对象的形式持有卡片。
userlists: { // I have more than just "g" in here, but for this part, only "g" is needed
"g": { // Holds the different game-sessions
"roomid": { // A Game-Session
"Players": { // Contains the 2 Opponents
0: { // Opponent 1
"deck": { // The deck of Opponent 1 (note that the different decks are no objects, though if needed, they could be)
"onHand": [ // Contains all the Cards "on-Hand"
{
"Type": "Knight",
... // more properties
"position": 0 // The position of the Card on the hand of the Player
},
... // more Cards
],
"inBlock": [ // Contains all the reserve-Cards
... // as in ["onHand"], but with ["position"]=null
]
}
},
1: { // Opponent 2
... // same as Opponent 1, just different deck of course
}
}
}
}
}
但由于这是一个问题,下面的代码实际上并没有产生预期的结果。实际上,它首先会输出所需的数字,但随后,在它被发送(function snddcks())到客户端的位置,"position"(实际上也是所有其他属性),被复制了一些"Type",所以所有"Type":"Knight" 都会有"position":0 等等。
这就是问题所在,我无法弄清楚它为什么会发生。
最后,我将快速解释一下过程:
- 嗯,首先,加入的玩家(NR 1,而不是 0)在
userlists["g"][roomid]中创建游戏会话对象(服务器端),其中 roomid 是随机生成的字符串李> - NR1,然后告诉 NR0 他已经加入,然后 NR0 将“playerhasjoined”发回服务器
- 然后在服务器端调用函数“populateDeck”,然后填充卡片组,首先是 NR0,然后是 NR1
- 最后,调用“snddcks”,然后将所有数据发送到两个客户端
所以在第 3 步中,所有“位置”和其他属性都已正确设置,但在第 4 步中,它们会被任何内容覆盖。
这是新代码:
function joingid() {
var roomid = userlists["eo"][socket.username]["gid"];
socket.state = "playing";
socket.join(roomid);
socket.leave("lobby");
socket.leave("searching");
socket.emit("playerfound", {
gid: roomid
});
socket.broadcast.to(roomid).emit('playerjoined', {
usr: socket.username,
gid: roomid
});
}
socket.on('playerhasjoined', function(data) {
socket.state = "playing";
socket.leave("lobby");
var roomid = userlists["eo"][socket.username]["gid"];
socket.broadcast.to(roomid).emit('otheropponent', {
usr: socket.username
});
setTimeout(function() {
populateDeck2(roomid, data["oppo"]);
}, 500);
});
function gRC(roomid, i, i2) {
userlists["g"][roomid]["Players"][i2]["deck"]["onHand"][i] = standardDeckCards[Math.floor(Math.random() * standardDeckCards.length)];
userlists["g"][roomid]["Players"][i2]["deck"]["onHand"][i]["CID"] = "CID-"+(Math.floor((Math.random() * 1000) + 1)).toString();
userlists["g"][roomid]["Players"][i2]["deck"]["onHand"][i]["position"] = i;
}
function gRCc(roomid, i, i2) {
return function() {
gRC(roomid, i, i2);
};
}
function gRC2(roomid, i, i2) {
userlists["g"][roomid]["Players"][i2]["deck"]["inBlock"][i] = standardDeckCards[Math.floor(Math.random() * standardDeckCards.length)];
userlists["g"][roomid]["Players"][i2]["deck"]["inBlock"][i]["CID"] = "CID-"+(Math.floor((Math.random() * 1000) + 1)).toString();
userlists["g"][roomid]["Players"][i2]["deck"]["inBlock"][i]["position"] = i;
}
function gRCc2(roomid, i, i2) {
return function() {
gRC2(roomid, i, i2);
};
}
function gRC2_1(roomid, a1i, a2i, card) {
return function() {
userlists["g"][roomid]["Players"][a1i]["deck"]["onHand"].push(card);
userlists["g"][roomid]["Players"][a1i]["deck"]["onHand"][a2i]["CID"] = "CID-"+(Math.floor((Math.random() * 1000) + 1)).toString();
userlists["g"][roomid]["Players"][a1i]["deck"]["onHand"][a2i]["position"] = a2i;
};
}
function populateDeck2(roomid, oppo) {
var oppos = [socket.username, oppo];
userlists["g"][roomid] = {
"RoomID": roomid,
"Players": {
0: {
"Player": socket.username,
"deck": {
"onHand": [],
"onField": [],
"inBlock": []
},
"MP-Left": 20
},
1: {
"Player": oppo,
"deck": {
"onHand": [],
"onField": [],
"inBlock": []
},
"MP-Left": 20
}
},
"Creationdate": Date().toString(),
"Winner": null,
"currentPlayer": oppos[Math.floor(Math.random() * oppos.length)],
"roundNR": 0
};
for (var a1 = 0; a1 < 2; a1++) { // plnr
for (var a2 = 0; a2 < 5; a2++) { // onHand
(function() {
gRCc(roomid, a2, a1)();
})();
// gRC2_1(roomid, a1, a2, gRC())();
// (function() {
// var card1 = gRC();
// userlists["g"][roomid]["Players"][a1]["deck"]["onHand"].push(card1);
// userlists["g"][roomid]["Players"][a1]["deck"]["onHand"][a2]["CID"] = "CID-"+(Math.floor((Math.random() * 1000) + 1)).toString();
// userlists["g"][roomid]["Players"][a1]["deck"]["onHand"][a2]["position"] = a2;
// console.log("@"+a1+"::"+a2+" >> "+userlists["g"][roomid]["Players"][a1]["deck"]["onHand"][a2]["CID"]+" AND "+userlists["g"][roomid]["Players"][a1]["deck"]["onHand"][a2]["position"]);
// })();
}
for (var a3 = 0; a3 < 50; a3++) { // inBlock
(function() {
gRCc2(roomid, a3, a1)();
})();
// (function() {
// userlists["g"][roomid]["Players"][a1]["deck"]["inBlock"].push(gRC());
// userlists["g"][roomid]["Players"][a1]["deck"]["inBlock"][a3]["CID"] = "CID-"+(Math.floor((Math.random() * 1000) + 1)).toString();
// })();
}
fs.writeFile("userlistsLOG_1.log", "ONE: "+a1+""+Date().toString()+":\n"+JSON.stringify(userlists["g"][roomid]["Players"][a1]["deck"]["onHand"])+"\n\n", {flag:"a"}, function (err) {
if (err) {
console.log('error happened during writing to log')
return console.log(err)
}
});
}
SP("gamepage.html", function FNCr(CALLBACKf) {
setTimeout(function() {
$(".gameid").html(roomid);
$(".opponent").html(opponent);
$(".giveupbutton").on('click', function() {
socket.emit('giveup');
});
$(".get_g_button").on('click', function() {
socket.emit('get_g', {
gid: roomid
});
});
$("#PAGETITLE").html("Da_Cards: VS "+opponent);
// socket.emit("rcvsrlst");
typeof CALLBACKf === 'function' && CALLBACKf();
}, 1500);
}, "aiI", roomid);
SCL("gamepage loaded", "", "aiI", roomid);
snddcks();
snddcks(true);
}
function snddcks(oppo) {
var oppo = oppo || false;
var roomid = userlists["eo"][socket.username]["gid"];
if (oppo === true) {
socket.broadcast.to(roomid).emit('snddcks', {
"d0_MP-Left": userlists["g"][roomid]["Players"][1]["MP-Left"],
"d0_onHand": userlists["g"][roomid]["Players"][1]["deck"]["onHand"],
"d0_onField": userlists["g"][roomid]["Players"][1]["deck"]["onField"],
"d0_inBlockC": userlists["g"][roomid]["Players"][1]["deck"]["inBlock"].length,
"d1_MP-Left": userlists["g"][roomid]["Players"][0]["MP-Left"],
"d1_onHand": userlists["g"][roomid]["Players"][0]["deck"]["onHand"].length,
"d1_onField": userlists["g"][roomid]["Players"][0]["deck"]["onField"],
"d1_inBlockC": userlists["g"][roomid]["Players"][0]["deck"]["inBlock"].length,
});
console.log("Sent decks into "+roomid);
fs.writeFile("userlistsLOG_2.log", "TWO 1: "+Date().toString()+":\n"+JSON.stringify(userlists["g"][roomid]["Players"][1]["deck"]["onHand"])+"\n\n", {flag:"a"}, function (err) {
if (err) {
console.log('error happened during writing to log')
return console.log(err)
}
});
} else if (oppo === false) {
socket.emit('snddcks', {
"d0_MP-Left": userlists["g"][roomid]["Players"][0]["MP-Left"],
"d0_onHand": userlists["g"][roomid]["Players"][0]["deck"]["onHand"],
"d0_onField": userlists["g"][roomid]["Players"][0]["deck"]["onField"],
"d0_inBlockC": userlists["g"][roomid]["Players"][0]["deck"]["inBlock"].length,
"d1_MP-Left": userlists["g"][roomid]["Players"][1]["MP-Left"],
"d1_onHand": userlists["g"][roomid]["Players"][1]["deck"]["onHand"].length,
"d1_onField": userlists["g"][roomid]["Players"][1]["deck"]["onField"],
"d1_inBlockC": userlists["g"][roomid]["Players"][1]["deck"]["inBlock"].length,
});
console.log("Sent decks to "+socket.username);
fs.writeFile("userlistsLOG_2.log", "TWO 0: "+Date().toString()+":\n"+JSON.stringify(userlists["g"][roomid]["Players"][0]["deck"]["onHand"])+"\n\n", {flag:"a"}, function (err) {
if (err) {
console.log('error happened during writing to log')
return console.log(err)
}
});
}
// setTimeout(function() {
// // fs.writeFileSync("userlistsLOG.log", Date().toString()+":\n"+JSON.stringify(userlists["g"][roomid]["Players"][0]["deck"])+"\n\n", {flag:"a"});
// // fs.writeFileSync("userlistsLOG.log", Date().toString()+":\n"+JSON.stringify(userlists["g"][roomid]["Players"][1]["deck"])+"\n\n", {flag:"a"});
// }, 100);
}
这是旧代码:
function joingid() {
var roomid = userlists["eo"][socket.username]["gid"];
socket.state = "playing";
socket.join(roomid);
socket.leave("lobby");
socket.leave("searching");
socket.emit("playerfound", {
gid: roomid
});
socket.broadcast.to(roomid).emit('playerjoined', {
usr: socket.username,
gid: roomid
});
userlists["g"][roomid] = {
"RoomID": roomid,
"Players": {},
"Creationdate": Date().toString(),
"Winner": null,
"currentPlayer": null,
"roundNR": 0
};
}
socket.on('playerhasjoined', function (data) {
socket.state = "playing";
socket.leave("lobby");
var roomid = userlists["eo"][socket.username]["gid"];
socket.broadcast.to(roomid).emit('otheropponent', {
usr: socket.username
});
setTimeout(function () {
populateDeck(roomid, "0", function () {
setTimeout(function () {
// lgp(function() {
// snddcks();
// });
populateDeck(roomid, "1", function () {
setTimeout(function () {
SP("gamepage.html", function FNCr(CALLBACKf) {
setTimeout(function () {
$(".gameid").html(roomid);
$(".opponent").html(opponent);
$(".giveupbutton").on('click', function () {
socket.emit('giveup');
});
$(".get_g_button").on('click', function () {
socket.emit('get_g', {
gid: roomid
});
});
$("#PAGETITLE").html("Da_Cards: VS " + opponent);
// socket.emit("rcvsrlst");
typeof CALLBACKf === 'function' && CALLBACKf();
}, 1500);
}, "aiI", roomid);
SCL("gamepage loaded", "", "aiI", roomid);
snddcks();
snddcks(true);
// console.error("THE ROOMID IS "+roomid.toString());
// lgp(roomid, function() {
// console.error("THE ROOMID IS "+roomid.toString());
// snddcks(true);
// });
}, 100);
});
}, 100);
});
}, 100);
});
function gCA(mode, i, im, roomid, plnr, callback) {
if (mode === "1r") {
return standardDeckCards[Math.floor(Math.random() * standardDeckCards.length)];
} else if (mode === "pop_onHand") {
if (i < im) {
var card = standardDeckCards[Math.floor(Math.random() * standardDeckCards.length)];
// var randI = "CID-"+(Math.floor((Math.random() * 1000000) + 1)).toString();
var randI = "CID_" + i.toString();
card["CID"] = randI;
// card["position"] = i;
userlists["g"][roomid]["Players"][plnr]["deck"]["onHand"].push(card);
userlists["g"][roomid]["Players"][plnr]["deck"]["onHand"][i]["position"] = i;
console.log("1_" + plnr + " :: " + userlists["g"][roomid]["Players"][plnr]["deck"]["onHand"][i]["CID"] + " with " + userlists["g"][roomid]["Players"][plnr]["deck"]["onHand"][i]["position"] + " and " + card["position"]);
// userlists["g"][roomid]["Players"][plnr]["deck"]["onHand"].push(socket.card);
// console.log((i+" and "+card["position"])+" and "+userlists["g"][roomid]["Players"][plnr]["deck"]["onHand"][i]["position"]+" and "+plnr);
i++;
setTimeout(function () {
gCA("pop_onHand", i, 5, roomid, plnr, callback);
}, 150);
} else if (i === im) {
setTimeout(function () {
gCA("pop_inBlock", 0, 50, roomid, plnr, callback);
}, 150);
}
} else if (mode === "pop_inBlock") {
if (i < im) {
var card2 = standardDeckCards[Math.floor(Math.random() * standardDeckCards.length)];
userlists["g"][roomid]["Players"][plnr]["deck"]["inBlock"].push(card2);
console.log(i + " :: " + userlists["g"][roomid]["Players"][plnr]["deck"]["inBlock"][i]["position"]);
i++;
setTimeout(function () {
gCA("pop_inBlock", i, 50, roomid, plnr, callback);
}, 150);
} else if (i === im) {
for (var j = 0; j < userlists["g"][roomid]["Players"][plnr]["deck"]["onHand"].length; j++) {
console.log("2_" + plnr + " :: " + userlists["g"][roomid]["Players"][plnr]["deck"]["onHand"][j]["CID"] + " with " + userlists["g"][roomid]["Players"][plnr]["deck"]["onHand"][j]["position"]);
}
setTimeout(function () {
typeof callback === 'function' && callback();
}, 50);
}
}
}
function gRC() {
return standardDeckCards[Math.floor(Math.random() * standardDeckCards.length)];
}
function gCA2(roomid, plnr, callback) {
userlists["g"][roomid]["Players"][plnr]["deck"]["onHand"];
}
function populateDeck(roomid, plnr, callback) {
userlists["g"][roomid]["Players"][plnr] = {
"Player": socket.username,
"deck": null,
"MP-Left": 20
};
// Hier könnten nachher dann noch die gekauften Karten und so eingefügt werden,
// bzw. dat vorgefertigte Deck usw.
userlists["g"][roomid]["Players"][plnr]["deck"] = {
"onHand": [],
"onField": [],
"inBlock": []
};
// gCA("pop_onHand", 0, 5, roomid, plnr, callback);
var k1 = 0;
(function loop1() {
if (k1 < 5) {
userlists["g"][roomid]["Players"][plnr]["deck"]["onHand"].push(gRC());
userlists["g"][roomid]["Players"][plnr]["deck"]["onHand"][k1]["position"] = k1;
k1++;
loop1();
} else {
var k2 = 0;
(function loop2() {
if (k2 < 50) {
userlists["g"][roomid]["Players"][plnr]["deck"]["inBlock"].push(gRC());
k2++;
loop2();
} else {
var k3 = 0;
(function loop3() {
if (k3 < 5) {
userlists["g"][roomid]["Players"][plnr]["deck"]["onHand"][k3]["position"] = k3;
k3++;
loop3();
} else {
setTimeout(function () {
typeof callback === 'function' && callback();
}, 50);
}
}());
}
}());
}
}());
}
function snddcks(oppo) {
var oppo = oppo || false;
var roomid = userlists["eo"][socket.username]["gid"];
if (userlists["g"][roomid]["Setup"] === false) {
var k5 = 0;
(function loop5() {
if (k5 < 5) {
userlists["g"][roomid]["Players"][0]["deck"]["onHand"][k5]["position"] = k5;
k5++;
loop5();
} else {
var k6 = 0;
(function loop6() {
if (k6 < 5) {
userlists["g"][roomid]["Players"][1]["deck"]["onHand"][k6]["position"] = k6;
k6++;
loop6();
} else {
setTimeout(function () {
typeof callback === 'function' && callback();
}, 50);
}
}());
}
}());
userlists["g"][roomid]["Setup"] = true;
}
if (oppo === true) {
socket.broadcast.to(roomid).emit('snddcks', {
"d0_MP-Left": userlists["g"][roomid]["Players"][1]["MP-Left"],
"d0_onHand": userlists["g"][roomid]["Players"][1]["deck"]["onHand"],
"d0_onField": userlists["g"][roomid]["Players"][1]["deck"]["onField"],
"d0_inBlockC": userlists["g"][roomid]["Players"][1]["deck"]["inBlock"].length,
"d1_MP-Left": userlists["g"][roomid]["Players"][0]["MP-Left"],
"d1_onHand": userlists["g"][roomid]["Players"][0]["deck"]["onHand"].length,
"d1_onField": userlists["g"][roomid]["Players"][0]["deck"]["onField"],
"d1_inBlockC": userlists["g"][roomid]["Players"][0]["deck"]["inBlock"].length,
});
console.log("Sent decks into " + roomid);
} else if (oppo === false) {
socket.emit('snddcks', {
"d0_MP-Left": userlists["g"][roomid]["Players"][0]["MP-Left"],
"d0_onHand": userlists["g"][roomid]["Players"][0]["deck"]["onHand"],
"d0_onField": userlists["g"][roomid]["Players"][0]["deck"]["onField"],
"d0_inBlockC": userlists["g"][roomid]["Players"][0]["deck"]["inBlock"].length,
"d1_MP-Left": userlists["g"][roomid]["Players"][1]["MP-Left"],
"d1_onHand": userlists["g"][roomid]["Players"][1]["deck"]["onHand"].length,
"d1_onField": userlists["g"][roomid]["Players"][1]["deck"]["onField"],
"d1_inBlockC": userlists["g"][roomid]["Players"][1]["deck"]["inBlock"].length,
});
console.log("Sent decks to " + socket.username);
}
setTimeout(function () {
fs.writeFileSync("userlistsLOG.log", Date().toString() + ":\n" + JSON.stringify(userlists["g"][roomid]["Players"][0]["deck"]["onHand"]) + "\n\n", {
flag: "a"
})
// fs.writeFileSync("userlistsLOG.log", Date().toString()+":\n"+JSON.stringify(userlists["g"][roomid]["Players"][0]["deck"])+"\n\n", {flag:"a"});
// fs.writeFileSync("userlistsLOG.log", Date().toString()+":\n"+JSON.stringify(userlists["g"][roomid]["Players"][1]["deck"])+"\n\n", {flag:"a"});
}, 500);
}
【问题讨论】:
-
服务器端需要什么超时?你为什么要递归迭代?
-
据我了解,NodeJS 几乎完全是异步的。另外,(我不太记得)超时是实际需要的地方,因为客户端不会在其他人之前收到特定数据..
-
它是运行时环境中带有一些库的 JS。只是不在浏览器中。没有理由为微不足道的迭代提供函数......尝试重写你的循环。并且不要在方法调用之前使用超时。没有意义。仅当您需要等待非阻塞源并估计阈值时。但这会很危险......
-
@LemmyTauer 然后你会推荐我,使用 for 或 while 循环,还是有另一种更清洁的方法?因为
loop5和6实际上是不需要的,但我只是将它们放入snddcks中,以测试它是否真的改变了什么。但显然它没有......而且,所有这些代码实际上都是服务器端的,所以它是 NodeJS,当你只是谷歌“node js async 吗?”时,你会得到很多结果,指出 Node 的异步自然。还是我还是在这里搞错了!? -
使用 for 循环并注意您创建的闭包,因此可能会更改数据的“本地范围”副本......因此,要么在调用期间通过将其传递给函数范围来保存(需要一些更多地了解闭包)或尽量避免与回调嵌套过多...
标签: javascript arrays node.js javascript-objects