在 Javascript 中使用只读或不可变对象

时光 • 2021-09-19 10:40:25 • 前端

在 Javascript 中，我们可以使用 const 关键字来定义原始类型的常量。

const x = 10;
x = 20;
// Uncaught TypeError: Assignment to constant variable.

但是如果想使用它来创建一个“常量对象”，但是我们仍然可以修改该对象的值。

const dog = {
    color: "brown", 
    name: "Spike"
}
dog.color = "red";

我们甚至可以添加或删除对象的属性：

dog.age = 5;
delete dog.name;
// the "const" object is now modified to 
// dog = {
//  color: "brown", 
//  age: 5
// }

那么，有没有办法在 Javascript 中创建只读对象？当然可以，我们可以通过使用以下方法来做到这一点。

Object.preventExtensions() - 防止向对象添加新属性

Object.preventExtensions(dog);
dog.age= 5;
// can't add the new prop age

但是您仍然可以删除对象的属性。另外，请注意 Object.isExtensible() 可以检查我们是否可以向对象添加新属性。

Object.isExtensible(dog);

Object.seal() - 防止向对象添加和删除属性

Object.seal(dog);
dog.age= 5;
// can't add the new age prop
delete dog.name;
// can't delete the name prop

使用 Seal() 您仍然可以更改属性的值。Object.isSealed() 可以检查我们是否可以从对象中添加或删除属性。

Object.isSealed(dog);

Object.freeze() - 防止对对象进行任何更改。

Object.freeze(dog);
dog.age= 5;
// can't add the new age prop
delete dog.name;
// can't delete the name prop
dog.color = "red";
// can't change the color prop

与 isExtensible() 和 isSealed() 一样，Object.isFrozen() 可以检查我们是否可以添加、删除或更改对象中的任何值。

Object.isFrozen(dog);

默认情况下，上述方法不会抛出任何错误，但如果启用了严格模式，则在尝试修改不可变对象时也会报错。

在 Javascript 中使用只读或不可变对象

Object.preventExtensions() - 防止向对象添加新属性

Object.seal() - 防止向对象添加和删除属性

Object.freeze() - 防止对对象进行任何更改。

相关推荐

javascript:void(O)是什么意思（javascript:void(0)的用法作用）

Javascript manifest文件是什么？

javascript是干什么的（javascript是什么）

JavaScript原型与原型链的理解（原型和原型链的区别）

javascript 字符串操作（js字符串常用方法）

常用的js库有哪些-好用的js工具库

发表评论