JavaScript 动态变量名称

Question

好的，所以我想在用户点击时创建变量，每次点击都会添加一个新变量。我目前正在使用 jquery 和 javascript 我不能在服务器端执行此操作，这必须在浏览器中完成。

newCount = document.getElementById('hello').innerHTML;
    $('.hello').click(function(){
        //set count fast enumeration
        newCount++;
        var hello + newCount = '<p>Hello World</p>';
    }); 

所以我希望变量是 hello1、hello2、hello3、hello4 等。

Answer 1

你只能用括号表示法来做到这一点，这意味着你必须将变量附加到某些东西上。
全局作用域是窗口，所以它是 window['hello' + newCount]，但是用一堆随机属性污染全局命名空间听起来不是个好主意，所以使用对象看起来更好

var vars = {};
var newCount = parseInt($('#hello').html(), 10);

$('.hello').click(function(){
    newCount++;
    vars['hello' + newCount] = '<p>Hello World</p>';
}); 

alert( vars['hello1'] );

FIDDLE