由于ECMA-/Javascript是关于对象和上下文的(也是某种对象)，每个变量都存储在一个所谓的变量中(或者在函数的情况下，激活对象)。

如果你创建这样的变量:

var a = 1,
    b = 2,
    c = 3;

在Global作用域(= NO函数上下文)中，您隐式地将这些变量写入Global对象(=浏览器中的窗口)。

这些可以通过使用“点”或“括号”符号来访问:

var name = window.a;

or

var name = window['a'];

这只适用于这个特定实例中的全局对象，因为全局对象的变量对象是窗口对象本身。在函数的上下文中，您不能直接访问激活对象。例如:

函数foobar() { 这一点。A = 1; 这一点。B = 2; Var name = window['a'];// === undefined console.log(名称); Name = this['a'];// === 1 console.log(名称); ｝ 新foobar ();

New创建一个自定义对象(context)的新实例。如果没有new，函数的作用域也是global (=window)。这个例子将分别警告为undefined和1。如果我们替换这个。A = 1;这一点。B = 2 with:

var a = 1,
    b = 2;

两个警报输出都是未定义的。在这种情况下，变量a和b将从foobar存储在激活对象中，我们不能访问(当然，我们可以通过调用a和b直接访问它们)。

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

试试这个…

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

window['myVar']

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

这是一个纯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

Eval()在我的测试中不起作用。但是可以向DOM树中添加新的JavaScript代码。这里有一个函数，它添加了一个新变量:

function createVariable(varName,varContent)
{
  var scriptStr = "var "+varName+"= \""+varContent+"\""

  var node_scriptCode = document.createTextNode( scriptStr )
  var node_script = document.createElement("script");
  node_script.type = "text/javascript"
  node_script.appendChild(node_scriptCode);

  var node_head = document.getElementsByTagName("head")[0]
  node_head.appendChild(node_script);
}

createVariable("dynamicVar", "some content")
console.log(dynamicVar)

对于那些需要导出动态命名变量的人来说，这是一种替代方法

export {
  [someVariable]: 'some value',
  [anotherVariable]: 'another value',
}

// then.... import from another file like this:
import * as vars from './some-file'

另一种方法是简单地创建一个对象，其键是动态命名的

const vars = { [someVariable]: 1, [otherVariable]: 2 };

// consume it like this
vars[someVariable];