細(xì)節(jié)：js 原型對(duì)象與for-in 方法枚舉的問題

mumumu 發(fā)布于2019-08-19 17:05 / 495人閱讀

摘要：原型對(duì)象與方法枚舉的問題原型屬性的屬性與的枚舉問題有的時(shí)候設(shè)置成時(shí)仍然會(huì)被方法枚舉到。新建立的原型對(duì)象的屬性，也是按照規(guī)則返回結(jié)果。最后，再重申一遍，如果原型對(duì)象合實(shí)例存在同名屬性，無論如何都會(huì)被枚舉。

js 原型對(duì)象與for-in 方法枚舉的問題 原型屬性的[[enumerable]]屬性與for-in 的枚舉問題

有的時(shí)候[[enumerable]]設(shè)置成false 時(shí)仍然會(huì)被for-in 方法枚舉到。詳細(xì)情況如下：

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);
}

這里原型對(duì)象存在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);
}

這里原型對(duì)象存在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);
}

這里原型對(duì)象不存在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);
}

這里原型對(duì)象不存在name 屬性，person1 的name 屬性enumerable 為false，不可枚舉。

綜上所述，原型對(duì)象和實(shí)例如果都存在同名屬性，則無論實(shí)例中該屬性的[[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);
}

原型對(duì)象的屬性如果被修改了[[enumerable]]，則按照規(guī)則返回結(jié)果。

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);
}

新建立的原型對(duì)象的屬性[[enumerable]]，也是按照規(guī)則返回結(jié)果。

最后，再重申一遍，如果原型對(duì)象合實(shí)例存在同名屬性，無論如何都會(huì)被for-in 枚舉。