在 JavaScript 中将字符串转换为变量名

Question

我一直在寻找解决方案，但找不到任何可行的方法。

我有一个名为 onlyVideo 的变量。

"onlyVideo" 字符串被传递到函数中。我想将函数内部的变量onlyVideo 设置为某种东西。我该怎么做？

（有许多变量可以调用到函数中，所以我需要它动态工作，而不是硬编码if 语句。）

编辑：可能有更好的方法来做你想做的事情。我在 JavaScript 冒险的早期就问过这个问题。看看 JavaScript 对象是如何工作的。

简单介绍：

// create JavaScript object
var obj = { "key1": 1 };

// assign - set "key2" to 2
obj.key2 = 2;

// read values
obj.key1 === 1;
obj.key2 === 2;

// read values with a string, same result as above
// but works with special characters and spaces
// and of course variables
obj["key1"] === 1;
obj["key2"] === 2;

// read with a variable
var key1Str = "key1";
obj[key1Str] === 1;

Answer 1

如果是全局变量，那么window[variableName] 或者在您的情况下，window["onlyVideo"] 应该可以解决问题。

Answer 2

Javascript 有一个 eval() 函数用于此类场合：

function (varString) {
  var myVar = eval(varString);
  // .....
}

编辑：对不起，我想我跳过这个问题太快了。这只会让你得到变量，设置你需要的变量

function SetTo5(varString) {
  var newValue = 5;
  eval(varString + " = " + newValue);
}

或者如果使用字符串：

function SetToString(varString) {
  var newValue = "string";
  eval(varString + " = " + "'" + newValue + "'");
}

但我想有一种更合适的方法来完成您正在寻找的东西？我不认为 eval() 是你真正想要使用的东西，除非有充分的理由。 eval()

Answer 3

就 eval 与全局变量解决方案而言...

我认为每个人都有优点，但这确实是一种错误的二分法。 如果您对全局命名空间有偏执，只需创建一个临时命名空间并使用相同的技术。

var tempNamespace = {};
var myString = "myVarProperty";

tempNamespace[myString] = 5;

很确定您可以使用 tempNamespace.myVarProperty（现在为 5）访问，避免使用窗口进行存储。 （字符串也可以直接放在括号中）

Answer 4

var myString = "echoHello";

window[myString] = function() {
    alert("Hello!");
}

echoHello();

对邪恶评价说不。此处示例：https://jsfiddle.net/Shaz/WmA8t/

Answer 5

您可以将窗口对象作为关联数组访问并以这种方式进行设置

window["onlyVideo"] = "TEST";
document.write(onlyVideo);

Answer 6

你可以这样做

var name = "foo";
var value = "Hello foos";
eval("var "+name+" = '"+value+"';");
alert(foo);

Answer 7

window['variableName'] 方法仅适用于在全局范围内定义变量的情况。正确答案是“重构”。如果您可以提供“对象”上下文，则存在可能的通用解决方案，但有一些变量没有全局函数可以根据变量的范围解析。

(function(){
    var findMe = 'no way';
})();

Answer 8

如果您尝试访问对象的属性，则必须从window 的范围开始，并遍历对象的每个属性，直到找到您想要的。假设 a.b.c 已在脚本中的其他位置定义，您可以使用以下内容：

var values = window;
var str = 'a.b.c'.values.split('.');

for(var i=0; i < str.length; i++)
    values = values[str[i]];

这将适用于获取任何对象的属性，无论它有多深。

Answer 9

可以这样实现

(function(X, Y) {
  
  // X is the local name of the 'class'
  // Doo is default value if param X is empty
  var X = (typeof X == 'string') ? X: 'Doo';
  var Y = (typeof Y == 'string') ? Y: 'doo';
  
  // this refers to the local X defined above
  this[X] = function(doo) {
    // object variable
    this.doo = doo || 'doo it';
  }
  // prototypal inheritance for methods
  // defined by another
  this[X].prototype[Y] = function() {
    return this.doo || 'doo';
  };
  
  // make X global
  window[X] = this[X];
}('Dooa', 'dooa')); // give the names here

// test
doo = new Dooa('abc');
doo2 = new Dooa('def');
console.log(doo.dooa());
console.log(doo2.dooa());

Answer 10

以下代码可以轻松地在 JavaScript 中引用每个 DIV 和其他 HTML 元素。这段代码应该包含在标签之前，这样所有的 HTML 元素都可以看到。它后面应该是您的 JavaScript 代码。

// For each element with an id (example: 'MyDIV') in the body, create a variable
// for easy reference. An example is below.
var D=document;
var id={}; // All ID elements
var els=document.body.getElementsByTagName('*');
for (var i = 0; i < els.length; i++)
    {
    thisid = els[i].id;
    if (!thisid)
        continue;
    val=D.getElementById(thisid);
    id[thisid]=val;
    }

// Usage:
id.MyDIV.innerHTML="hello";

Answer 11

让我说得更清楚

function changeStringToVariable(variable, value){
window[variable]=value
}
changeStringToVariable("name", "john doe");
console.log(name);
//this outputs: john doe
let file="newFile";
changeStringToVariable(file, "text file");
console.log(newFile);
//this outputs: text file