本文深入解析JavaScript中对象属性设置的四种场景，重点探讨原型链查找机制及属性屏蔽现象。通过Object.create创建对象时，若原型链存在同名属性，直接赋值会触发屏蔽逻辑；若属性可写则在当前对象新增，若不可写则静默失败或报错。掌握这些细节有助于避免意外的属性覆盖与内存泄漏。
正文
在明确了获取对象属性的基本方法后，我们需要关注当当前对象中不存在指定属性时的查找行为。此时，JavaScript引擎会沿着对象的原型链向上追溯，试图寻找目标属性，直到找到该属性或到达Object.prototype为止。如果原型链末端仍未找到，则查找结束并返回undefined。
为了更直观地理解这一机制，我们可以观察以下代码示例：
myObject.foo = 100
与获取属性类似，当我们尝试设置对象的某个属性时，也会遇到类似的查找与屏蔽问题。
具体而言，属性设置行为主要取决于属性在原型链上的存在状态及可写性，大致可分为以下几种情况：
- 当前对象中已存在该属性，而原型链中不存在。
- 当前对象与原型链中均存在该属性。
- 当前对象中不存在该属性，但原型链中存在。
- 当前对象与原型链中的所有对象均不存在该属性。
首先分析最常见且最简单的场景：
当属性仅存在于当前对象中，且原型链中不存在同名属性，同时该属性在对象中是可写的（writable），此时只需执行简单的赋值操作即可修改属性值。
另一种处理相对简单的情况是：当前对象和原型链上均不存在该属性，且该属性是可写的。在这种情况下，JavaScript会在最底层，即当前对象中新增该属性，并赋予指定的值。
如果属性在当前对象和原型链中均已存在，就会发生属性屏蔽（shadowing）。此时，赋值操作会优先作用于最底层的当前对象属性。具体来说，只要当前对象的属性可以被赋值，系统就会对当前对象的属性值进行修改；如果原型链上的同名属性被设置为只读（read-only），则当前对象不会发生任何修改。在严格模式下，尝试修改只读原型属性还会抛出错误。
最后一种情况：如果属性不存在于当前对象，但仅出现在原型链对象中，且该属性是可写的，此时会发生什么？
请参考以下代码示例：
const myObject = {
foo: 100
}
const createObject = Object.create(myObject)
createObject.foo = 200
console.log(myObject.foo, createObject.foo) // 100 200
正常情况下，如果没有执行createObject.foo操作，由Object.create创建的新对象是空的，内部并不存在foo属性。执行赋值操作后，从打印结果可以看出，系统会为当前新对象创建一个新的foo属性并赋值，而原型指向的对象不会受到当前对象赋值的影响。
以上就是关于JavaScript对象属性设置与屏蔽机制的核心内容。如需了解更多JavaScript对象属性相关的技巧与资料，请持续关注本站发布的其他相关文章！