javascript - this[var_name] = 12; 是什么意思？在 JavaScript 中执行

Question

今天我在 w3resource 上看到了代码，我在想它的作用:

var var_name = 'abcd';
var n = 120;
this[var_name] = n;
console.log(this[var_name]);
// the OUTPUT : 120

// This line was added to this example.
console.log(abcd);

首先，我认为这是要更改变量值，但是当我在控制台中输入 var_name 来获取它给我的值时，它给了我“abcd”。实际上这让我很困惑。

Answer 1

在 JavaScript 中，this 始终指代我们正在执行的函数的“所有者”，或者更确切地说，指代函数所属的对象。但由于在代码中 this 是全局使用的，因此它与文档级别相关。所以，

var var_name = 'abcd';

创建一个变量名var_name，值为abcd。这通常用于创建变量。

但是，

var n = 120;
this[var_name] = n;

创建对象时可以访问。当我们希望属性与对象的生命周期一起存在时，我们将属性添加到 this 中。我们使用 var 作为局部变量。

因此，this[var_name] 和 var_name 是分开处理的。