JS变量名的一部分 - JavaScript

在JavaScript中，变量名可以包含字母、数字、下划线和美元符号。但是，它必须以字母、下划线或美元符号开头。此外，变量名不能是JavaScript的保留关键字。

大多数程序员都知道这些规则，但是可能不知道在变量名中使用的一个有趣的技巧：可以在变量名中使用其他变量的值作为一部分。

例如，以下代码片段将创建一个名为name1的变量，它的值是字符串"John"。然后，将使用name1变量的值作为另一个变量name2的一部分创建一个新的变量。

var name1 = "John";
var name2 = "Hello, " + name1;
console.log(name2); // 输出"Hello, John"

在这个例子中，变量name2的值是字符串"Hello, John"，其中的John部分是来自name1变量的值。这种使用变量值作为变量名的技巧可以使代码更灵活和模块化，同时也可以更容易地维护。

需要注意的是，如果变量的值包含空格、特殊字符或JavaScript保留关键字，它必须加上引号。

下面是一个更复杂的例子，其中使用了两个变量，一个是数组，一个是对象，并且它们的值都被用作了另一个变量的一部分。注意，对象的属性名也可以使用该技巧。

var myArr = ["apple", "banana", "pear"];
var myObj = {color: "red", size: "large"};

for (var i = 0; i < myArr.length; i++) {
  var propName = "fruit_" + myArr[i];
  myObj[propName] = {
    color: myObj.color,
    size: myObj.size
  };
}

console.log(myObj.fruit_apple.color); // 输出"red"
console.log(myObj.fruit_banana.size); // 输出"large"

在这个例子中，将使用myArr数组中的每个值来创建一个变量名，格式为"fruit_"加上该值。然后，将它们用作myObj对象中的属性名，并赋予新值。这是一个简单的例子，但它演示了使用变量值作为变量名的强大功能。

总之，使用变量值作为变量名的技巧可以使代码更灵活和可读性更好。只要注意变量值包含空格、特殊字符或JavaScript保留关键字时要加上引号，就可以顺利使用。