间接访问变量

Accessing variables indirectly

本文关键字：变量 访问      更新时间：2023-09-26

在我的代码（Firefox扩展中的javascript）中，我有一个列表，列出了一些变量，如下所示：

var myApp = {
 var1: true,
 var2: false,
 var3: true,
 var4: false
};

我想访问这些变量以间接使用一个函数：

var myApp = {
 var1: true,
 var2: false,
 var3: true,
 var4: false,
 varGetter: function(aName) {
  // code
  return myApp.aName.value;
 }
};

例如，我像这样调用此函数：

if(myApp.varGetter("var2")) {alert("true")};

现在，如何实现此功能来执行我想要的操作？

问题是您正在尝试访问带有点表示法和变量的属性。 

myApp.aName.value;

这有时会创建新属性或返回undefined

您应该改用此表示法

myApp[aName];
您可以使用

myApp[aName]将变量用作属性名称：

var myApp = {
 var1: true,
 var2: false,
 var3: true,
 var4: false,
 varGetter: function(aName) {
  return myApp[aName];
 }
};
console.log(myApp.varGetter("var1")); // true

此外，为了避免在函数中硬编码myApp，您可以将其替换为 this[aName] 。

您可以通过窗口变量访问 gloval 变量。例：

var foo = 'asdf';
alert(window['foo']);

要获取 json 变量，请使用相同的表示法：

var myApp = {
 var1: true,
 var2: false,
 var3: true,
 var4: false
};
function varGetter(name) {
    return myApp[name];
}

编辑：误读问题。

如果你想做的是封装（保持变量私有），你应该使用模块模式，它会给你：

var myApp = (function(){
    //you can't access those variable doing myApp.var1 for example
    var data = {};
    data.var1 = true;
    data.var2 = false;
    data.var3 = true;
    data.var4 = false;
    //then explicitly make your getter/setter
    function varGetter(varName){
        return data[varName];
    }
    //finally, return an object into myApp, out of this closure
    return {
        varGetter : varGetter
    };
})()
相关文章：