细节：js 原型对象与for-in 方法枚举的问题

最新推荐文章于 2023-03-28 17:27:59 发布

weixin_34041003

最新推荐文章于 2023-03-28 17:27:59 发布

阅读量247

点赞数

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000004035684

本文探讨了JavaScript中for-in循环的行为与[[enumerable]]属性的关系。当原型对象与实例对象存在同名属性时，无论[[enumerable]]如何设置，for-in循环都将枚举这些属性。同时讨论了直接修改原型对象属性[[enumerable]]的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js 原型对象与for-in 方法枚举的问题

原型属性的[[enumerable]]属性与for-in 的枚举问题

有的时候[[enumerable]]设置成false 时仍然会被for-in 方法枚举到。详细情况如下：

function Person(){};

Person.prototype = {
    constructor: Person,
    name: "Oliver"
};
        
var person1 = new Person();
        
Object.defineProperty(person1,"name",{
enumerable: true
})

for (var x in person1){
    console.log(x);
}

这里原型对象存在name 属性，person1 的name 属性enumerable 为true，可以枚举。

function Person(){};

Person.prototype = {
    constructor: Person,
    name: "Oliver"
};
        
var person1 = new Person();
        
Object.defineProperty(person1,"name",{
    enumerable: false
})

for (var x in person1){
    console.log(x);
}

这里原型对象存在name 属性，person1 的name 属性enumerable 为false，也可以枚举。

function Person(){};

Person.prototype = {
    constructor: Person,
};
        
var person1 = new Person();
        
Object.defineProperty(person1,"name",{
    enumerable: true
})

for (var x in person1){
    console.log(x);
}

这里原型对象不存在name 属性，person1 的name 属性enumerable 为true，可以枚举。

function Person(){};

Person.prototype = {
    constructor: Person,
};
        
var person1 = new Person();
        
Object.defineProperty(person1,"name",{
    enumerable: false
})

for (var x in person1){
    console.log(x);
}

这里原型对象不存在name 属性，person1 的name 属性enumerable 为false，不可枚举。

综上所述，原型对象和实例如果都存在同名属性，则无论实例中该属性的[[enumerable]]是true 还是false 都可以被for-in 枚举。

另一方面：

function Person(){};

Person.prototype = {
    constructor: Person,
    name: "Oliver"
};
        
var person1 = new Person();
        
Object.defineProperty(Person.prototype,"name",{
    enumerable: true
})

for (var x in Person.prototype){
    console.log(x);
}

原型对象的属性如果被修改了[[enumerable]]，则按照规则返回结果。

function Person(){};

Person.prototype = {
    constructor: Person,
};
        
var person1 = new Person();
        
Object.defineProperty(Person.prototype,"name",{
    enumerable: false
})

for (var x in Person.prototype){
    console.log(x);
}

新建立的原型对象的属性[[enumerable]]，也是按照规则返回结果。

最后，再重申一遍，如果原型对象合实例存在同名属性，无论如何都会被for-in 枚举。