JS 14 - 控制物件

大家好！

文章到今天也快要写一半了，谢谢各位的阅读。
我们进入今天的主题吧！

控制物件

先建立一个物件并赋值：

let record = { name: null, test: true };

接下来的方法会有什麽差异呢？让我们来看看：

Object.freeze

Object.freeze(record);
Object.isFrozen(record); // true

/* 更改属性 ✗ */
record.name = 'Felix';
/* 新增属性 ✗ */
record.date = '2021-09-29';
/* 删除属性 ✗ */
delete record.test; // false

record; // { name: null, test: true }

Object.preventExtensions

Object.preventExtensions(record);
Object.isExtensible(record); // true

/* 更改属性 ✓ */
record.name = 'Felix';
/* 新增属性 ✗ */
record.date = '2021-09-29';
/* 删除属性 ✓ */
delete record.test; // true

record; // { name: 'Felix' }

Object.seal

Object.seal(record);
Object.isSealed(record); // true

/* 更改属性 ✓ */
record.name = 'Felix';
/* 新增属性 ✗ */
record.date = '2021-09-29';
/* 删除属性 ✗ */
delete record.test; // false

record; // { name: 'Felix', test: true }

描述属性

先来介绍属性描述器的使用方法：

/* 下方属性值皆为预设值 */
Object.defineProperty(object, property, {
    /* 属性值 */
    value: undefined,
    /* 能否重新描述 */
    configurable: false,
    /* 能否被列举 */
    enumerable: false,
    /* 能否更改属性值 */
    writable: false,
    /* Getter */
    get: undefined,
    /* Setter */
    set: undefined
});

举例一下：

let record = { name: 'Felix' };

Object.defineProperty(record, 'date', {
    value: '2021-09-29'
});

/* 更改属性 ✗ */
record.date = null;
/* 删除属性 ✗ */
delete record.date; // false
/* 列举属性 ✗ */
for (let key in record) {
    console.log(key);
}
// Log: name

record; // { name: 'Felix', date: '2021-09-29' }

差不多也到尾声了，接下来我们要介绍的是物件的 this 关键字。
如果对文章有任何疑问，也欢迎在下方提问和建议！
我是 Felix，我们明天再见！