แปลงสตริงเป็นชื่อตัวแปรใน JavaScript

ฉันค้นหาวิธีแก้ไขปัญหา แต่ไม่พบสิ่งใดที่ทำงานได้

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;

หากเป็นตัวแปรทั่วโลกwindow[variableName] หรือในกรณีของคุณwindow["onlyVideo"]ควรทำเคล็ดลับ

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

เท่าที่โซลูชั่น eval vs. global ตัวแปร ...

ฉันคิดว่ามีข้อดีสำหรับแต่ละคน แต่นี่เป็นขั้วคู่ที่ผิดพลาด หากคุณหวาดระแวงกับ namespace ทั่วโลกเพียงแค่สร้าง namespace ชั่วคราวและใช้เทคนิคเดียวกัน

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

tempNamespace[myString] = 5;

ค่อนข้างแน่ใจว่าคุณสามารถเข้าถึงได้ในฐานะ tempNamespace.myVarProperty (ตอนนี้ 5) หลีกเลี่ยงการใช้หน้าต่างสำหรับการจัดเก็บ (สตริงสามารถใส่ลงในวงเล็บได้โดยตรง)

var myString = "echoHello";

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

echoHello();

บอกว่าไม่มีการชั่วร้าย EVAL ตัวอย่างที่นี่: https://jsfiddle.net/Shaz/WmA8t/

คุณสามารถเข้าถึงวัตถุหน้าต่างเป็นอาเรย์แบบเชื่อมโยงและกำหนดเป็นวิธีนั้นได้

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

เมธอด window ['variableName'] ใช้ได้เฉพาะเมื่อตัวแปรถูกกำหนดในขอบเขตส่วนกลาง คำตอบที่ถูกต้องคือ "Refactor" หากคุณสามารถระบุบริบท "วัตถุ" ดังนั้นจึงมีวิธีแก้ปัญหาทั่วไปที่เป็นไปได้ แต่มีตัวแปรบางอย่างที่ไม่มีฟังก์ชั่นระดับโลกที่สามารถแก้ไขได้ตามขอบเขตของตัวแปร

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

หากคุณกำลังพยายามเข้าถึงคุณสมบัติของวัตถุคุณจะต้องเริ่มต้นด้วยขอบเขต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]];

สิ่งนี้จะทำงานเพื่อรับคุณสมบัติของวัตถุใด ๆ ไม่ว่าจะลึกแค่ไหน

คุณสามารถทำเช่นนี้

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

มันสามารถทำได้เช่นนี้

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

รหัสต่อไปนี้ทำให้ง่ายต่อการอ้างอิงแต่ละ DIV ของคุณและองค์ประกอบ HTML อื่น ๆ ใน JavaScript รหัสนี้ควรรวมไว้ข้างหน้าแท็กเพื่อให้องค์ประกอบ 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";