在JavaScript中使用动态变量名

在PHP中，你可以做这样惊人/可怕的事情:

$a = 1;
$b = 2;
$c = 3;
$name = 'a';
echo $$name;
// prints 1

有什么方法可以用Javascript做这样的事情吗?

例如，如果我有一个var name = '变量的名称';我可以得到一个引用的变量与名称?

当前回答

虽然这有一个公认的答案，但我想补充一个观察:

在ES6中使用let无效:

/*这不是工作*/ let t = "skyBlue"， M = "黄金"， B = "番茄"; Let color = window["b"]; console.log(颜色);

但是使用var是可行的

/*这个正在工作*/ var t = "skyBlue"， M = "黄金"， B = "番茄"; Let color = window["b"]; console.log(颜色);

我希望这对一些人有用。

2019-03-23 09:36:34

其他回答

您可以使用窗口对象来获取它。

window['myVar']

Window有一个对你正在使用的所有全局变量和全局函数的引用。

2011-02-25 12:21:56

这是一个纯javascript解决方案，它不依赖于运行时环境的全局this。使用对象解构实现简单。

const dynamicVar = (nameValue, value) => {
    const dynamicVarObj = {
        [nameValue]: value
    }
    return dynamicVarObj;
}

const nameToUse = "myVar";
const value = 55;

const { myVar } = dynamicVar(nameToUse, value);

console.log(myVar); // prints 55

2022-07-11 14:40:57

a = 'varname';
str = a+' = '+'123';
eval(str)
alert(varname);

试试这个…

2011-02-25 12:23:58

最好使用创建名称空间并在其中声明变量，而不是将其添加到全局对象。我们还可以创建一个函数来获取和设置值

请看下面的代码片段:

//creating a namespace in which all the variables will be defined.
var myObjects={};

//function that will set the name property in the myObjects namespace
function setName(val){
  myObjects.Name=val;
}

//function that will return the name property in the myObjects namespace
function getName(){
  return myObjects.Name;
}

//now we can use it like:
  setName("kevin");
  var x = getName();
  var y = x;
  console.log(y)  //"kevin"
  var z = "y";
  console.log(z); //"y"
  console.log(eval(z)); //"kevin"

以类似的方式，我们可以声明和使用多个变量。虽然这将增加代码行数，但代码将更健壮，更不容易出错。

2020-09-01 17:16:15