3

我有一个函数可以使用其他变量，具体取决于传递的内容。

像this = ActionBar(slot)插槽包含“一”。

我想在里面创建一个调用，object.slot.name但它应该事先转换它以使命令看起来像object.one.name。有没有办法在 javascript/jquery 中做到这一点？

我模糊地记得，其他一些语言将其用作 {slot} 或类似的东西。

抱歉，如果已经问过这个问题，我也检查了 google 和 stackoverflow，但没有找到答案。

另外我想知道这种变量传递的正确编程术语是什么？

编辑它的原因是误解。我正在研究 OOP js，所以 object 是一个对象，one 是一个对象，name 是一个属性，但是在传递时我将“one”作为字符串传递给函数。

尝试评估，它在点缀一个对象时不起作用。

源代码：

function disableActionButton(slot){
    $("#"+slot).attr("disabled","disabled")
    gcd = player.slot.gcd*1000
    cd = setInterval(function(){
            gcd = gcd - 10
            $("#"+slot).val(gcd+"ms").css("color","red");
    },10)
    setTimeout(function(){
            window.clearInterval(cd)
            $("#"+slot).removeAttr("disabled").css("color","black").val(player.slot.name);
    }, player.slot.gcd*1000)    
}
4

1 回答 1

3

真的不清楚你当前的结构是什么 （现在你已经发布了代码更加清晰，请参阅下面的“更新”），但基本上在 JavaScript 中做这种事情的方法是拥有一个容器对象。（如果您还没有，请引入一个。）然后slot可以引用该对象的属性，如下所示：

var container = {
    one: "This is one",
    two: "This is two"
};

// ...

function foo(slot) {
    console.log(container[slot]);
}

// ...

foo("one"); // ends up logging "This is one"
foo("two"); // ends up logging "This is two"

这是因为容器对象具有属性，在 JavaScript 中可以通过两种不同的方式引用：

  1. 使用点表示法和文字名称，例如container.one, 或

  2. 在字符串中使用括号表示法和名称，例如container["one"].

除了属性名称的来源之外，它们完全等效。当然，在第二种情况下，属性名称不必是文字字符串，它可以是任何表达式的结果，包括变量引用（例如，您可以从 获取名称slot）。

这适用于所有对象属性，包括引用函数的属性。我之所以提到这一点，只是因为您在问题中提到了函数，因此如果需要，您可以这样做：

function foo(slot) {
    container[slot]();
}

...它使用参数container持有的名称调用该属性的slot函数。所以，如果slot是"one"，它确实如此container.one()。

更新：

您的来源直接与上面的容器示例相呼应，只需将上述内容应用于它：

function disableActionButton(slot){
    $("#"+slot).attr("disabled","disabled")
    // ---------v----v---- here
    gcd = player[slot].gcd*1000
    cd = setInterval(function(){
            gcd = gcd - 10
            $("#"+slot).val(gcd+"ms").css("color","red");
    },10)
    setTimeout(function(){
            window.clearInterval(cd)
    // ------------------------------------------------------------ and here--v----v
            $("#"+slot).removeAttr("disabled").css("color","black").val(player[slot].name);
    // ------v----v------- and here
    }, player[slot].gcd*1000)    
}

或者，不是每次都查找插槽数据，而是抓取一次并重用它：

function disableActionButton(slot){
    // Grab it once...
    var slotdata = player[slot];

    $("#"+slot).attr("disabled","disabled")
    // ---vvvvvvvvv--- then use it
    gcd = slotdata.gcd*1000
    cd = setInterval(function(){
            gcd = gcd - 10
            $("#"+slot).val(gcd+"ms").css("color","red");
    },10)
    setTimeout(function(){
            window.clearInterval(cd)
            $("#"+slot).removeAttr("disabled").css("color","black").val(slotdata.name);
    }, slotdata.gcd*1000)    
}

这个没有什么特别的名字。您将属性名称传递给函数，并且该函数正在player使用该名称查找对象上的属性。在其他一些语言中，这可能被称为“反射”，但该术语并不真正适用于 JavaScript 等动态语言。

于 2012-10-27T16:51:19.680 回答