为何在JavaScript对象添加属性前就能看到该属性

在JavaScript编程中，有时会遇到一种看似奇怪的现象：在给对象添加属性之前，却好像能“看到”这个属性。这背后其实有着合理的解释，涉及到JavaScript的一些特性。

要理解JavaScript中的变量提升。在JavaScript中，变量和函数声明会在代码执行前被提升到当前作用域的顶部。虽然只有声明被提升，赋值操作并不会提升，但这已经足以影响我们对代码执行顺序的直观理解。对于对象的属性访问也是类似的情况。

当我们尝试访问一个对象中尚未添加的属性时，JavaScript不会报错，而是返回undefined。这是因为JavaScript引擎在解析代码时，会先创建对象的初始结构，然后再执行属性的赋值操作。在属性被赋值之前，该属性实际上已经存在于对象中，只是其值为undefined。

例如，考虑以下代码：

let obj = {};
console.log(obj.prop); 
obj.prop = 'value';
console.log(obj.prop); 

在第一次console.log时，我们会得到undefined，因为此时prop属性虽然存在于对象obj中，但还没有被赋值。而在第二次console.log时，就会得到value。

另外，原型链也会对这种现象产生影响。JavaScript中的对象有一个原型对象，当访问一个对象的属性时，如果该对象本身没有这个属性，JavaScript引擎会沿着原型链向上查找。这就可能导致我们在对象本身还未添加属性时，却能“看到”该属性，实际上是在原型链上找到了同名属性。

在JavaScript中出现能在对象添加属性前“看到”该属性的情况，主要是由于变量提升和原型链等机制的作用。理解这些机制对于正确编写和理解JavaScript代码至关重要。开发者在实际编程中，需要清楚地认识到这些特性，避免因为对代码执行顺序的误解而导致的错误。只有深入掌握JavaScript的这些特性，才能更加高效、准确地进行开发工作。