Javascript - 使用字符串连接设置变量[重复]

Question

是否可以通过将两个字符串连接在一起形成名称来设置变量？

如果可能的话，我想根据用户单击的对象的类名来确定要设置的变量。我知道我可以硬编码一堆 if/else if 语句，但如果我可以间接引用这些变量，那就太酷了。我在想这样的事情：

var owner_read;
var group_read;

function setVariableIndirectly(object){
    var second = object.className; // returns "read"
    var first = object.parentElement.className; // returns "group"

    first + "_" + second = "set this as the new variable";
}

有什么办法吗？

编辑：

这是数据来自的 html。

<p class="owner">
    <span class="read" onclick="permissionClick(this)">r</span>
    <span class="write" onclick="permissionClick(this)">w</span>
    <span class="execute" onclick="permissionClick(this)">x</span>
</p>

Answer 1

这是可能的，但您必须注意上下文和范围。

1.在浏览器环境中设置全局范围的变量：

window[str1 + str2] = value

2。在节点环境中设置全局范围的变量：

global[str1 + str2] = value

3.在闭包内并在该闭包内：

this[str1 + str2] = value

在闭包内，global 和 window 仍然会设置全局。请注意，如果您在被调用的函数中，“this”可能会引用另一个对象。

Answer 2

不清楚您要完成什么，但您可以按名称访问变量作为对象的属性。

// this is the container to hold your named variables 
//    (which will be properties of this object)
var container = {};

function setVariableIndirectly(obj){
    var second = obj.className; // returns "read"
    var first = obj.parentNode.className; // returns "group"

    // this is how you access a property of an object 
    //    using a string as the property name    
    container[first + "_" + second] = "set this as the new variable";

   // in your example container["read_group"] would now be set
}

最好将变量放在您自己的容器对象上，如上所示，但您也可以通过window 对象上的属性访问全局变量。

Answer 3

你可以这样设置一个全局变量：

window[first + "_" + second] = "set this as the new variable";

并以如下方式访问它：

console.log(group_read);