javascript - 动态变量名称语法

Question

另一个新手问题让我陷入困境。

我有三个变量

var state1
var state2
var state3

我需要根据单击对象的属性在 .click 事件上访问其中之一。

如何访问正确的变量？基本上我需要通过将“state”和正确的数字添加在一起来获取变量名称。

我将很快用一些代码更新这篇文章，以备不时之需。

var backstate1;
var backstate2;
var backstate3;
var currentFrame;

function hotspotHover(){
var currentElement = this;
var daName =this.name;
$("#hotspot" +daName).hover(

    function() { 
    $("img.changeOutline").prop("src", currentElement.outlinesArray[currentFrame]);
    $("#outlines").show(); 
    }, 
    function() { 
    $("#outlines").hide(); 
    }
).click(function() {
    var backstateLevelNumber = currentElement.backStateLevel; //not working
    window['backstate'+ backstateLevelNumber]=currentFrame; //trying to set backstate+number to current frame variable
    hoverClick(currentElement.defaultFrame);
    checkReverse();
    checkSeqLoop();
});

};

Answer 1

使用数组可以解决您的问题:

var states = [null, null, null];

访问它们将是:(假设currentStateId是当前状态号)

var currentState = state[currentStateId] //Access state

设置:

states[currentStateId] = "State"; //Set State