Konwertuj ciąg na nazwę zmiennej w JavaScript

Szukałem rozwiązań, ale nie mogłem znaleźć żadnej takiej pracy.

Mam zmienną o nazwie onlyVideo.

"onlyVideo"ciąg zostaje przekazany do funkcji. Chcę ustawić zmienną onlyVideowewnątrz funkcji jako coś. Jak mogę to zrobić?

(Istnieje wiele zmiennych, które można wywoływać w funkcji, więc potrzebuję jej do pracy dynamicznej, a nie ifinstrukcji zakodowanych na stałe).

Edycja: Prawdopodobnie jest lepszy sposób na robienie tego, co próbujesz zrobić. Zapytałem o to na początku mojej przygody z JavaScriptem. Sprawdź, jak działają obiekty JavaScript.

Proste wprowadzenie:

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

Jeśli jest to zmienna globalna, to window[variableName] lub w twoim przypadku window["onlyVideo"]powinno wystarczyć .

Javascript ma eval()funkcję na takie okazje:

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

Edycja: Przepraszam, myślę, że zbyt szybko odrzuciłem pytanie. Otrzymasz tylko zmienną, aby ustawić ją, której potrzebujesz

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

lub jeśli używasz ciągu:

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

Ale wyobrażam sobie, że istnieje bardziej odpowiedni sposób na osiągnięcie tego, czego szukasz? Nie sądzę, że eval () jest czymś, czego naprawdę chcesz używać, chyba że istnieje ku temu dobry powód. eval ()

W zakresie rozwiązań eval vs. globalne zmienne ...

Myślę, że każda z nich ma swoje zalety, ale tak naprawdę jest to fałszywa dychotomia. Jeśli jesteś paranoikiem globalnej przestrzeni nazw, po prostu utwórz tymczasową przestrzeń nazw i użyj tej samej techniki.

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

tempNamespace[myString] = 5;

Jestem prawie pewien, że możesz wtedy uzyskać dostęp jako tempNamespace.myVarProperty (teraz 5), unikając używania okna do przechowywania. (Ciąg można również umieścić bezpośrednio w nawiasach)

var myString = "echoHello";

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

echoHello();

Powiedz nie ewangelii zła . Przykład tutaj: https://jsfiddle.net/Shaz/WmA8t/

Możesz uzyskać dostęp do obiektu okna jako tablicy asocjacyjnej i ustawić go w ten sposób

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

Metoda window [„nazwa zmiennej” działa TYLKO, jeśli zmienna jest zdefiniowana w zakresie globalnym. Prawidłowa odpowiedź to „Refaktoryzacja”. Jeśli możesz podać kontekst „obiektowy”, istnieje możliwe ogólne rozwiązanie, ale istnieją pewne zmienne, których żadna funkcja globalna nie mogłaby rozpoznać na podstawie zakresu zmiennej.

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

Jeśli próbujesz uzyskać dostęp do właściwości obiektu, musisz zacząć od zakresu windowi przejść przez każdą właściwość obiektu, aż dojdziesz do tej, którą chcesz. Zakładając, że a.b.czostał zdefiniowany gdzieś w skrypcie, możesz użyć następujących opcji:

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

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

Będzie to działać w celu uzyskania właściwości dowolnego obiektu, bez względu na jego głębokość.

Możesz to zrobić w ten sposób

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

Można to zrobić w ten sposób

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

Poniższy kod ułatwia odwoływanie się do każdego elementu DIV i innych elementów HTML w JavaScript. Ten kod należy dołączyć tuż przed tagiem, aby wszystkie elementy HTML były widoczne. Po nim powinien znajdować się kod 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";