JavaScript动态创建变量：window对象、对象属性与数组索引详解

动态变量生成的需求背景

在编写JavaScript代码时，有时会遇到需要动态生成多个变量的场景，这些变量的名称并非固定，而是依赖于传入参数的不同而动态变化。

例如，根据参数num的不同，可能需要生成date_1、date_2、date_3等变量。此时，变量名可以通过字符串拼接生成，如var name = "test_" + num。然而，直接尝试将拼接后的字符串作为变量名进行赋值会引发语法错误。

利用window对象创建全局变量

解决这一问题的第一种方法是利用window对象的属性特性。在浏览器环境中，全局变量实际上是window对象的属性。因此，可以通过中括号语法动态设置属性名，从而间接创建全局变量。

直接书写var "test_" + num = 100;这样的代码是非法的，会导致语法错误。正确的做法是使用window对象，通过中括号传入拼接后的字符串作为键名，例如window[name] = 100。具体实现代码如下：

  function create_variable(num){
    var name = "test_"+num;  //生成函数名
    window[name] = 100;
    window['name'] = 200;  //注意看中括号里的内容加引号和不加引号的区别
  }
  create_variable(2);
  alert(test_2); // 100;
  alert(name); //200;

总结来说，当使用window对象的中括号语法定义变量时，中括号内的内容必须是字符串表达式。如果传入的是变量名（不加引号），JavaScript引擎会先解析该变量获取其值，再将该值作为属性名；如果传入的是字符串字面量（加引号），则直接使用字符串内容作为属性名。

这与点语法（dot notation）有显著区别。点语法后跟随的必须是字面量标识符，即变量名本身，不会进行变量解析。例如，window.name = 200会将属性名固定为"name"，而不是解析变量name的值。对比代码展示了这一差异：

  var name = "test"
  window.name = 200
  alert(name); // 200
  alert(test);  ReferenceError: test is not defined

使用对象属性存储动态数据

第二种方法是将动态生成的变量名作为普通对象的属性键。这种方法不会污染全局命名空间，更加安全且符合模块化开发规范。

var test = {};
  for(var i = 0; i < 3; i++){
    test['test_'+i]='我是字符串'+i;
 
    console.log(test['test_'+i]); //输出:我是字符串0, 我是字符串1, 我是字符串2
  }
console.log(test_0); //输出:ReferenceError: test_0 is not defined
console.log(test['test_0']); //输出:我是字符串0

利用数组索引管理动态值

第三种方法是利用数组。虽然数组通常用于有序数据，但也可以利用其索引特性来存储动态生成的值。需要注意的是，数组索引通常是数字，但这里主要展示如何通过循环动态赋值。

var test = [];
  for(var i = 0; i < 3; i++){
    test[i]='我是字符串'+i;
    console.log(test[i]); //输出:我是字符串0, 我是字符串1, 我是字符串2
  }
console.log(test[0]); //输出:我是字符串0

以上介绍了在JavaScript中动态处理变量名的几种常见方式。根据具体需求选择全局变量、对象属性或数组索引，可以有效解决动态命名变量的问题。