JavaScript 对象在创建时会变得疯狂

JavaScript object goes crazy upon creation?

本文关键字：疯狂 对象 创建 JavaScript      更新时间：2023-09-26

我目前正在用Javascript开发一个多人游戏，我的PlayerList数据结构/对象似乎有一个非常特殊的问题。

这是对象：

var PlayerList = function(){
    this.list = {};
}

该对象有几个我通过执行添加的方法...

PlayerList.prototype.method = function(){...}

这些方法是：addPlayer，removePlayer，playerInList，findPlayer，jsonify和unjsonify。我在取消jsonify方面遇到了很大的问题。这是代码：

PlayerList.prototype.unjsonify = function(jsonList){
    var object = JSON.parse(jsonList);
    var li = new PlayerList();
    console.log(li.list.x);
    console.log(li.list.y);
    console.log(li.list);
    //insert the fake player objects from the fake list into the new list as real player objects
    for(p in object.list){
        var pObj = object.list[p];
        //create real player object
        var player = new Player(pObj.name, pObj.x, pObj.y, pObj.velX, pObj.velY);
        li.addPlayer(player);
    }
    return li;
}
这样做

的原因是，如果我只是解析服务器发送的 jsonList 对象，则生成的对象具有正确的结构，但没有 PlayerList 应该具有的任何方法。

问题是：我后来注意到，当我浏览 PlayerList.list 并绘制每个玩家时，我收到此错误：

未捕获的类型错误：对象 NaN 没有方法"getX"

事实证明，出于某种原因，当我在unjsonify中创建一个新的PlayerList时，它有两个额外的字段x和y，都设置为NaN。问题出现在这里：

PlayerList.prototype.unjsonify = function(jsonList){
    var object = JSON.parse(jsonList);
    var li = new PlayerList();

出于某种非常奇怪的原因，li 并不是一个新的空玩家列表。它包含两个额外的变量，x 和 y，都设置为 NaN。更奇怪的是，它不仅不是一个新的空列表，它还包含当前在服务器上的所有玩家 - 这对我来说似乎是不可能的，因为客户端第一次获得包含 json 玩家列表的包时，它甚至没有过去的版本自己的版本可以删除。

最重要的是，如果您查看unjsonify的代码块，console.log（li.list.x）和console.log（li.list.y）都输出未定义，但随后console.log（li.list）输出一个对象，该对象（除了服务器上的所有玩家）字段x和y设置为NaN。

我完全不知道这怎么会发生。似乎没有人可以解决这些错误之一，因为它们没有任何意义。但是，如果有人对如何帮助我有丝毫想法，将不胜感激！

我

应该注意，在我拥有这个 PlayerList 对象之前，我只是使用了一个没有任何方法的对象原语，并手动执行了所有操作（例如 pList.username = 播放器添加玩家等）并且一切正常（我可以看到其他玩家在我的屏幕上移动，等等）。但是由于在这一点上它变得非常大，我想添加一些结构，因此我创建了这个 PlayerList 对象，它应该使我的代码更加结构化和漂亮，但到目前为止只引起了比其他任何事情都多的问题。

您的 PlayerList 没有 .addPlay 方法。

使用

代码时，可以更轻松地在变量可读的位置命名变量。

 function PlayerList() {
                this.list = [];
         };
            //
 PlayerList.prototype.unjsonify = function (jsonList) {
          var jsonLst = JSON.parse(jsonList),
                    myPlayerList = new PlayerList(),
                    player,
                    jsonItem;
                //
      for (var i = 0; i < jsonLst.list.length; i++) {
                    jsonItem = jsonLst.list[i];
                    //
                    player = new Player(jsonItem.name, jsonItem.x, jsonItem.y, jsonItem.velX, jsonItem.velY);
                    myPlayerList.list.push(player);
                };
                return myPlayerList;
            };

我已经将您的 Player.list 从对象更改为数组。

相关文章：