Konvertieren Sie eine Zeichenfolge in einen Variablennamen in JavaScript

Ich habe nach Lösungen gesucht, aber keine gefunden.

Ich habe eine Variable namens onlyVideo.

"onlyVideo"Die Zeichenfolge wird an eine Funktion übergeben. Ich möchte die Variable onlyVideoinnerhalb der Funktion als etwas setzen. Wie kann ich das machen?

(Es gibt eine Reihe von Variablen, die in die Funktion aufgerufen werden könnten, daher muss sie dynamisch funktionieren, nicht fest codierte ifAnweisungen.)

Bearbeiten: Es gibt wahrscheinlich eine bessere Möglichkeit, das zu tun, was Sie versuchen. Das habe ich schon früh in meinem JavaScript-Abenteuer gefragt. Überprüfen Sie, wie JavaScript-Objekte funktionieren.

Ein einfaches Intro:

// 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;

Wenn es sich um eine globale Variable handelt, dann window[variableName] oder in Ihrem Fallwindow["onlyVideo"] sollten Sie den Trick ausführen.

Javascript hat eine eval()Funktion für solche Gelegenheiten:

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

Edit: Sorry, ich denke ich habe die Frage zu schnell überflogen. Dadurch erhalten Sie nur die Variable, die Sie zum Festlegen benötigen

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

oder wenn Sie eine Zeichenfolge verwenden:

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

Aber ich stelle mir vor, es gibt einen angemesseneren Weg, um das zu erreichen, wonach Sie suchen? Ich denke nicht, dass eval () etwas ist, das Sie wirklich verwenden möchten, es sei denn, es gibt einen guten Grund dafür. eval ()

Soweit eval vs. globale variable Lösungen ...

Ich denke, jeder hat Vorteile, aber das ist wirklich eine falsche Zweiteilung. Wenn Sie vom globalen Namespace paranoid sind, erstellen Sie einfach einen temporären Namespace und verwenden Sie dieselbe Technik.

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

tempNamespace[myString] = 5;

Ziemlich sicher, dass Sie dann als tempNamespace.myVarProperty (jetzt 5) darauf zugreifen können, ohne das Fenster für die Speicherung zu verwenden. (Die Zeichenfolge kann auch direkt in die Klammern gesetzt werden.)

var myString = "echoHello";

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

echoHello();

Sag nein zu der bösen Bewertung. Beispiel hier: https://jsfiddle.net/Shaz/WmA8t/

Sie können als assoziatives Array auf das Fensterobjekt zugreifen und es auf diese Weise festlegen

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

Die Fenstermethode ['variableName'] funktioniert NUR, wenn die Variable im globalen Bereich definiert ist. Die richtige Antwort lautet "Refactor". Wenn Sie einen "Objekt" -Kontext angeben können, gibt es eine mögliche allgemeine Lösung, aber es gibt einige Variablen, die keine globale Funktion basierend auf dem Umfang der Variablen auflösen könnte.

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

Wenn Sie versuchen, auf die Eigenschaft eines Objekts zuzugreifen, müssen Sie mit dem Bereich von beginnen windowund jede Eigenschaft des Objekts durchgehen, bis Sie zu der gewünschten Eigenschaft gelangen. Angenommen, dies a.b.cwurde an einer anderen Stelle im Skript definiert, können Sie Folgendes verwenden:

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

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

Dies funktioniert, um die Eigenschaft eines Objekts zu erhalten, egal wie tief es ist.

Sie können dies tun

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

Das kann so gemacht werden

(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());

Der folgende Code erleichtert das Verweisen auf Ihre DIVs und andere HTML-Elemente in JavaScript. Dieser Code sollte direkt vor dem Tag eingefügt werden, damit alle HTML-Elemente angezeigt werden. Es sollte Ihr JavaScript-Code folgen.

// 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";