JavaScript对象中this、var与键值对的区别及相关问题

Hey there! Let's break down your three questions with straightforward, example-driven explanations:

1. 为什么this和当前对象无关，这个场景不能用this？ #

假设你写的代码是类似下面这种情况：

const myObj = {
  prop: this.someValue, // 这里的this会出问题
};

该代码行无法运行的原因是：在对象字面量的属性定义阶段，this的指向由当前代码所在的执行上下文决定，而不是你正在创建的这个对象。比如这段代码如果写在全局作用域里，this会指向全局对象（浏览器里是window，Node.js里是globalThis），和你正在定义的myObj完全没有关联，所以你想用this访问这个对象的属性根本找不到对应的值。

2. 为什么不能在对象内部直接定义var？ #

假设你尝试写了这样的代码：

const myObj = {
  var x = 5; // 这里用var会报错
};

该代码行无法运行的原因是：对象字面量有严格的语法规则，内部必须是键值对形式的属性定义，var是JavaScript里用来声明变量的关键字，不属于对象属性的合法语法结构。对象内部只能写key: value这类键值对，或者ES6之后的简化属性/方法语法，不能直接插入变量声明语句。

3. 是否必须用基础的键值对形式定义对象？ #

不是必须只用最原始的key: value写法，但对象字面量的核心结构确实是键值对的集合，不过ES6之后有很多更简洁的变体写法：

• 简洁属性：如果变量名和属性名一致，可以直接写变量名，比如：

  const name = 'Alice';
  const obj = { name }; // 等价于 { name: name }
  

• 方法简写：定义对象方法时可以省略function关键字，比如：

  const obj = {
    sayHi() { console.log('Hi!'); } // 等价于 sayHi: function() { ... }
  };
  

• 计算属性名：可以用表达式作为属性名，比如：

  const key = 'age';
  const obj = { [key]: 25 }; // 等价于 { age: 25 }
  

不过不管哪种写法，本质上都是键值对的变体，对象的核心就是由属性名（键）和对应的值组成的，你不能脱离这个核心结构去编写对象内容，比如之前尝试的直接用var声明变量就违反了这个结构规则。

内容的提问来源于stack exchange，提问作者TheLemonSong