Javascript关联数组到整数？

Question

我正在开发大量用于实习的软件，我的任务是向系统添加功能，该系统根据现有的奖品和卡片数量构建奖励级别表。

我正在进入添加行的函数，我发现一对非常奇怪的声明。我将发布函数本身，以免缺少上下文抑制答案。 我搜索了“cast”、“array”和“number”的各种组合，但似乎与这种做法无关。

this.addNewTableRow = function(){
    var request = new XMLHttpRequest();
    awardLevel = this.length + 1;
    request.onreadystatechange = function(){
        if (request.readyState == 4 && request.status == 200){
            if(request.responseText != -1){
                var tableBody = document.getElementById('award-body');
                var sqlId = parseInt(JSON.parse(request.responseText));

                var prevSelector = document.getElementById('level-select-'+self.length);
                var prevLevel = 0;
                if(prevSelector != null){
                    prevLevel = parseInt(prevSelector.value);
                }

                var minCardQuantity = prevLevel + 1;
                var maxCardQuantity = minCardQuantity + 100;

                var awardLevel = {
                    id: sqlId,
                    awardId: 0,
                    certificateId: 0,
                    awardLvl: self.length + 1,
                    cardQuantity: minCardQuantity
                };

                self.changeLevelSelect(self.length + 1, minCardQuantity);

                var row = self.getRow(awardLevel, minCardQuantity, maxCardQuantity);

                tableBody.appendChild(row);
                self.awards[length] = awardLevel;
                self.length++;
            }
        }
    }
    request.open('GET', '_insert_award_lvl.php?level=' + awardLevel, true);
    request.send();
    location.reload();  
}

让我疑惑的行为是AwardLevel的待遇

它在声明之前就被修改了，即使对提升有一个模糊的理解，我也不认为应该工作。此外，早期赋值运算符似乎将变量分配给 Int，而稍后将其分配并用作关联数组。

整个代码有很多意想不到和令人困惑的行为，我对 Javascript 已经没有经验了。

Answer 1

外部awardLevel 变量没有“在声明之前修改”：它从未声明过。另一个声明只对声明它的函数有效（它会影响外部函数）。

这意味着：

• 您有两个不同的变量，它们具有相同的名称和不同的语义（一个是整数，一个是对象）
• 其中一个从未被声明（它是全局的），并且被声明的一个在内部范围内隐藏
• 事实上 awardLevel 有一个名为 awardLvl 的属性并没有让它变得更好
• 这是一个糟糕的粗心代码

让这一切稍微不那么混乱的方法是：

// awardLevel = this.length + 1; remove that line
request.onreadystatechange = function(){
    // don't change which is here
}
request.open('GET', '_insert_award_lvl.php?level=' + (this.length + 1), true);