在JavaScript中，当访问一个对象的属性时，会先在当前对象自身查找，如果找不到就会沿着原型链向上查找，直到找到目标属性或者到达原型链顶端。如果我们希望实例对象使用自己定义的属性，而不是原型链上的同名属性，就需要实现原型链的属性屏蔽。
什么是原型链属性屏蔽
原型链属性屏蔽指的是给对象自身添加一个与原型链上同名的属性，使得访问该属性时优先读取到对象自身的属性，而不是原型链上的属性。这种操作不会修改原型对象本身，只会影响当前对象及其后续的原型链查找行为。
实现属性屏蔽的常用方式
1. 直接给对象赋值同名属性
这是最常见的属性屏蔽方式，直接给实例对象设置与原型链上同名的属性，就会自动屏蔽原型链上的对应属性。
// 定义构造函数
function Person() {}
// 给原型对象添加name属性
Person.prototype.name = '默认名称';
// 创建实例对象
const person1 = new Person();
console.log(person1.name); // 输出：默认名称，此时访问的是原型上的属性
// 给实例对象赋值同名属性，实现属性屏蔽
person1.name = '自定义名称';
console.log(person1.name); // 输出：自定义名称，此时访问的是实例自身的属性
// 原型对象的属性没有被修改
console.log(Person.prototype.name); // 输出：默认名称
2. 使用Object.defineProperty定义自身属性
通过Object.defineProperty方法给对象定义自身属性时，如果属性名和原型链上的属性同名，同样会实现属性屏蔽，还可以自定义属性的特性。
function Animal() {}
Animal.prototype.type = '未知类型';
const cat = new Animal();
console.log(cat.type); // 输出：未知类型
// 使用Object.defineProperty定义自身属性
Object.defineProperty(cat, 'type', {
value: '猫科动物',
writable: false, // 设置为不可写
enumerable: true,
configurable: true
});
console.log(cat.type); // 输出：猫科动物，屏蔽了原型上的type属性
cat.type = '犬科动物'; // 严格模式下会报错，非严格模式下赋值无效
console.log(cat.type); // 输出：猫科动物
属性屏蔽的注意事项
1. 只有给对象自身添加可写属性才会触发屏蔽
如果原型链上的属性被设置为不可写（writable为false），此时直接给对象赋值同名属性不会实现屏蔽，赋值操作会无效。
function Car() {}
// 给原型属性设置不可写
Object.defineProperty(Car.prototype, 'brand', {
value: '默认品牌',
writable: false
});
const myCar = new Car();
console.log(myCar.brand); // 输出：默认品牌
// 直接赋值不会屏蔽原型属性，操作无效
myCar.brand = '自定义品牌';
console.log(myCar.brand); // 输出：默认品牌，屏蔽失败
// 使用Object.defineProperty定义自身属性可以成功屏蔽
Object.defineProperty(myCar, 'brand', {
value: '自定义品牌',
writable: true
});
console.log(myCar.brand); // 输出：自定义品牌，屏蔽成功
2. 删除自身属性后会重新访问原型链属性
当我们删除了对象自身的屏蔽属性后，再次访问该属性时就会重新沿着原型链向上查找，获取到原型链上的属性。
function Student() {}
Student.prototype.score = 60;
const stu = new Student();
stu.score = 90; // 屏蔽原型属性
console.log(stu.score); // 输出：90
delete stu.score; // 删除自身属性
console.log(stu.score); // 输出：60，重新访问到原型上的属性
属性屏蔽的应用场景
属性屏蔽在实际开发中有很多实用场景，比如：
- 给实例对象添加个性化的配置，覆盖默认的原型配置
- 避免修改原型对象影响所有实例，只让当前实例使用自定义属性
- 在继承场景中，子类实例覆盖父类原型上的方法或属性
需要注意的是，属性屏蔽只针对当前对象生效，不会影响其他实例对象以及原型对象本身，这也是它比直接修改原型对象更安全的原因。
JavaScript原型链属性屏蔽原型对象对象属性修改时间：2026-07-15 18:27:24