JS：對象屬性變化構造

Question

我有這樣的代碼：

class Obj { 
    constructor() { 
     this.foo = "foo"; 
    } 
} 

Object.defineProperty(Obj.prototype,'foo',{enumerable:false,writable:true}); 
Object.defineProperty(Obj,'foo',{enumerable:false,writable:true}); 

let obj = new Obj(); 

console.log(obj); 

而且我的輸出是：

Obj { foo: 'foo' } 

的問題是，我所定義的枚舉屬性爲假foo的。但是當我在構造中使用'this.foo'屬性改變它時。

我知道我可以把在構造函數中：

Object.defineProperty(this,'foo',{enumerable:false,writable:true}); 

而且我的新的輸出拋出正確：

Obj {} 

但是，我的問題是，如果有可能，一旦foo的屬性改變，不在構造函數中更改它？

謝謝！

Answer 1

我的問題是如果可以更改一次foo的屬性，而不是在構造函數中更改它？

簡短的回答：沒有。

這是因爲每次調用構造函數並執行this.foo = "foo";時，你正在創建一個新的財產。您在Obj.property和Obj上創建的屬性實際上完全不相關。它們是完全獨立的屬性，定義在不同的對象上，而不是this。

只要看看Obj和obj更加緊密：

您可以看到三個不同foo屬性和我指出哪些操作創建它們。希望這可以更清楚地說明爲什麼設置Obj.foo或Obj.prototype.foo的可枚舉性對obj.foo沒有影響。

---

this.foo = "foo";創建一個枚舉屬性。如果你不希望它是可枚舉的，那麼你必須用Object.defineProperty來創建它。同樣，您在Obj和Obj.prototype上創建的屬性與您在this上創建的屬性無關。