Sử dụng tên biến động trong JavaScript

Trong PHP bạn có thể làm những điều tuyệt vời / kinh khủng như thế này:

$a = 1;
$b = 2;
$c = 3;
$name = 'a';
echo $$name;
// prints 1

Có cách nào để làm một cái gì đó như thế này với Javascript không?

Ví dụ, nếu tôi có var name = 'the name of the variable';một tham chiếu đến biến có tên name?

Vì ECMA- / Javascript là tất cả về Objectsvà Contexts(cũng là một số đối tượng của Đối tượng), mọi biến được lưu trữ trong một biến gọi là Biến (hoặc trong trường hợp của Hàm, Đối tượng Kích hoạt ).

Vì vậy, nếu bạn tạo các biến như thế này:

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

Trong phạm vi Toàn cầu (= bối cảnh hàm NO), bạn hoàn toàn viết các biến đó vào đối tượng Toàn cầu (= windowtrong trình duyệt).

Những người có thể được truy cập bằng cách sử dụng ký hiệu "dấu chấm" hoặc "dấu ngoặc":

var name = window.a;

hoặc là

var name = window['a'];

Điều này chỉ hoạt động cho đối tượng toàn cầu trong trường hợp cụ thể này, bởi vì Đối tượng biến của Đối tượng toàn cầu là windowchính đối tượng. Trong bối cảnh của một chức năng, bạn không có quyền truy cập trực tiếp vào Đối tượng kích hoạt . Ví dụ:

function foobar() {
   this.a = 1;
   this.b = 2;

   var name = window['a']; // === undefined
   alert(name);
   name = this['a']; // === 1
   alert(name);
}

new foobar();

newtạo một thể hiện mới của một đối tượng tự xác định (bối cảnh). Nếu không có newphạm vi của hàm thì cũng sẽ global(= window). Ví dụ này sẽ cảnh báo undefinedvà 1tương ứng. Nếu chúng ta sẽ thay thế this.a = 1; this.b = 2bằng:

var a = 1,
    b = 2;

Cả hai đầu ra cảnh báo sẽ không được xác định. Trong kịch bản đó, các biến avà bsẽ được lưu trữ trong Đối tượng kích hoạt foobarmà chúng ta không thể truy cập (tất nhiên chúng ta có thể truy cập trực tiếp vào các biến đó bằng cách gọi avà b).

eval là một lựa chọn.

var a = 1;
var name = 'a';

document.write(eval(name)); // 1

Bạn có thể sử dụng đối tượng cửa sổ để lấy nó.

window['myVar']

window có một tham chiếu đến tất cả các biến toàn cục và các hàm toàn cầu bạn đang sử dụng.

Chỉ không biết những gì một câu trả lời xấu nhận được nhiều phiếu bầu. Đó là câu trả lời khá dễ dàng nhưng bạn làm cho nó phức tạp.

// If you want to get article_count
// var article_count = 1000;
var type = 'article';
this[type+'_count'] = 1000;  // in a function we use "this";
alert(article_count);

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

Thử cái này...

Đây là một ví dụ :

for(var i=0; i<=3; i++) {
    window['p'+i] = "hello " + i;
}

alert(p0); // hello 0
alert(p1); // hello 1
alert(p2); // hello 2
alert(p3); // hello 3

Một vi dụ khac :

var myVariable = 'coco';
window[myVariable] = 'riko';

alert(coco); // display : riko

Vì vậy, giá trị " coco " của myVariable trở thành một coco biến đổi .

Bởi vì tất cả các biến trong phạm vi toàn cục là thuộc tính của đối tượng Window.

Trong Javascript, bạn có thể sử dụng thực tế là tất cả các thuộc tính là các cặp giá trị chính. jAndy đã đề cập đến vấn đề này nhưng tôi không nghĩ câu trả lời của anh ấy cho thấy nó có thể được khai thác như thế nào.

Thông thường bạn không cố tạo một biến để giữ một tên biến nhưng đang cố tạo ra các tên biến và sau đó sử dụng chúng. PHP thực hiện với $$varký hiệu nhưng Javascript không cần vì các khóa thuộc tính có thể hoán đổi với các khóa mảng.

var id = "abc";
var mine = {};
mine[id] = 123;
console.log(mine.abc);

đưa ra 123. Thông thường bạn muốn xây dựng biến đó là lý do tại sao có sự gián tiếp để bạn cũng có thể thực hiện theo cách khác.

var mine = {};
mine.abc = 123;
console.log(mine["a"+"bc"]);

2019

TL; DR

• eval toán tử có thể chạy biểu thức chuỗi trong ngữ cảnh mà nó gọi và trả về các biến từ ngữ cảnh đó;
• literal objectvề mặt lý thuyết có thể làm điều đó bằng cách viết : {[varName]}, nhưng nó bị chặn theo định nghĩa.

Vì vậy, tôi bắt gặp câu hỏi này và mọi người ở đây chỉ chơi xung quanh mà không mang lại một giải pháp thực sự. nhưng @Axel Heider có cách tiếp cận tốt.

Giải pháp là eval. điều hành gần như bị lãng quên nhất. (nghĩ rằng hầu hết là một with())

evaltoán tử có thể tự động chạy biểu thức trong ngữ cảnh mà nó gọi. và trả về kết quả của biểu thức đó. chúng ta có thể sử dụng điều đó để tự động trả về giá trị của một biến trong ngữ cảnh của hàm.

thí dụ:

function exmaple1(){
   var a = 1, b = 2, default = 3;
   var name = 'a';
   return eval(name)
}

example1() // return 1


function example2(option){
  var a = 1, b = 2, defaultValue = 3;

  switch(option){
    case 'a': name = 'a'; break;
    case 'b': name = 'b'; break;
    default: name = 'defaultValue';
  }
  return eval (name);
}

example2('a') // return 1
example2('b') // return 2
example2() // return 3

Lưu ý rằng tôi luôn viết rõ ràng biểu thức evalsẽ chạy. Để tránh những bất ngờ không cần thiết trong mã. evalrất mạnh Nhưng tôi chắc rằng bạn đã biết điều đó rồi

BTW, nếu đó là hợp pháp, chúng tôi có thể sử dụng literal objectđể nắm bắt tên và giá trị của biến, nhưng chúng tôi không thể kết hợp tên thuộc tính và giá trị tài sản tốc ký, đáng buồn thay, không hợp lệ

functopn example( varName ){
    var var1 = 'foo', var2 ='bar'

    var capture = {[varName]}

}

example('var1') //trow 'Uncaught SyntaxError: Unexpected token }`

Nếu bạn không muốn sử dụng một đối tượng toàn cầu như cửa sổ hoặc toàn cầu (nút), bạn có thể thử một cái gì đó như thế này:

var obj = {};
obj['whatever'] = 'There\'s no need to store even more stuff in a global object.';

console.log(obj['whatever']);

Tôi cần vẽ nhiều FormData một cách nhanh chóng và cách đối tượng hoạt động tốt

var forms = {}

Sau đó, trong các vòng lặp của tôi, bất cứ nơi nào tôi cần để tạo dữ liệu biểu mẫu tôi đã sử dụng

forms["formdata"+counter]=new FormData();
forms["formdata"+counter].append(var_name, var_value);

Đây là một thay thế cho những người cần xuất một biến có tên động

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

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

Một cách khác là chỉ cần tạo một đối tượng có các khóa được đặt tên động

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

// consume it like this
vars[someVariable];

những gì họ có nghĩa là không, bạn không thể. không có cách nào để hoàn thành nó vì vậy có thể bạn có thể làm một cái gì đó như thế này

function create(obj, const){
// where obj is an object and const is a variable name
function const () {}

const.prototype.myProperty = property_value;
// .. more prototype

return new const();

}

có chức năng tạo giống như chức năng được triển khai trong ECMAScript 5.

eval () đã không làm việc trong các thử nghiệm của tôi. Nhưng việc thêm mã JavaScript mới vào cây DOM là có thể. Vì vậy, đây là một chức năng thêm một biến mới:

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)

Mặc dù điều này có một câu trả lời được chấp nhận, tôi muốn thêm một quan sát:

Trong ES6 sử dụng let không hoạt động :

/*this is NOT working*/
let t = "skyBlue",
    m = "gold",
    b = "tomato";

let color = window["b"];
console.log(color);

Tuy nhiên sử dụng var công trình

/*this IS working*/
var t = "skyBlue",
    m = "gold",
    b = "tomato";

let color = window["b"];
console.log(color);

Tôi hy vọng điều này có thể hữu ích cho một số.

sử dụng Object cũng rất tuyệt

var a=123
var b=234
var temp = {"a":a,"b":b}
console.log(temp["a"],temp["b"]);