TypeScript-defineProperty

定义一个新的属性

let obj = {age: 18};
Object.defineProperty(obj, 'name', {
    value: 'BNTang'
});
console.log(obj);

修改原有属性

let obj = {age: 18};
Object.defineProperty(obj, 'age', {
    value: 34
});
console.log(obj);

修改属性配置-读写

image-20211205222223300

let obj = {age: 18};
Object.defineProperty(obj, 'age', {
    writable: false
})
obj.age = 34;
console.log(obj.age);

image-20211205222154912

修改属性配置-迭代

image-20211205222317835

let obj = {age: 18, name: 'BNTang'};
Object.defineProperty(obj, 'name', {
    enumerable: false
})
for (let key in obj) {
    console.log(key);
}

image-20211205222302651

修改属性配置-配置

image-20211205222347787

image-20211205222401059

如果你在配置之前想让所有的属性都出现在迭代当中,然后后面又不想让其全部出现了那么这个时候在通过 enumerable、configurable = true 改变是没有作用的:

let obj = {age: 18, name: 'BNTang'};
Object.defineProperty(obj, 'name', {
    enumerable: false,
    configurable: true
});
Object.defineProperty(obj, 'name', {
    enumerable: true,
    configurable: true
});
for (let key in obj) {
    console.log(key);
}

image-20211205222708420

在之前是什么样子了就不能再次去进行配置了。

posted @ 2021-12-05 22:28  BNTang  阅读(214)  评论(0编辑  收藏  举报