ES6新语法Object.freeze和Object.seal基本使用

下面是关于ES6新语法Object.freeze和Object.seal的详细讲解。

Object.freeze和Object.seal简介

ES6新语法Object.freeze和Object.seal是JavaScript语言提供的限制对象属性和方法修改的方法之一。可以让我们创建一个不可改变的对象，并且可以确保对象不被意外修改。Object.freeze与Object.seal的区别在于，Object.freeze创建的对象不仅对象的属性、方法不可更改，也无法扩展；而Object.seal创建的对象则可以更改属性、方法的值，但无法新增属性和方法。

Object.freeze基本使用

使用Object.freeze方法可以创建一个不可修改的对象，这个对象的属性和方法都不可以被修改。下面是基本的Object.freeze使用方法：

const obj = {
    name: 'Lucy',
    age: 18
};

// 使用Object.freeze方法可以创建一个不可修改的对象
const frozenObj = Object.freeze(obj);

// 对象被冻结后，再尝试修改对象属性和方法则会报错
frozenObj.name = 'Lily';
console.log(frozenObj); //输出结果为：{name: "Lucy", age: 18}

从上面的代码可以看出，将原始对象使用Object.freeze冻结后，再尝试修改对象属性和方法则会报错。

Object.seal基本使用

使用Object.seal方法可以创建一个被封闭的对象，这个对象的属性和方法的值可以被修改，但是无法新增属性和方法。下面是基本的Object.seal使用方法：

const obj = {
    name: 'Lucy',
    age: 18
};

// 使用Object.seal方法可以创建一个被封闭的对象
const sealedObj = Object.seal(obj);

// 封闭对象后可以更改对象属性和方法的值
sealedObj.name = 'Lily';
console.log(sealedObj); //输出结果为：{name: "Lily", age: 18}

// 封闭对象后无法新增属性和方法
sealedObj.gender = 'female';
console.log(sealedObj); //输出结果为：{name: "Lily", age: 18}

从上面的代码可以看出，使用Object.seal方法可以创建一个被封闭的对象，这个对象的属性和方法的值可以被修改，但是无法新增属性和方法。

Object.freeze和Object.seal示例说明

下面，我们以一个小例子来说明Object.freeze和Object.seal的使用方法。

假设我们有一个学生列表，每个学生都有姓名、年龄、性别等信息，我们希望这个学生列表是只读的，不允许被修改。代码如下：

const students = [
    { name: 'Lucy', age: 18, gender: 'female' },
    { name: 'Lily', age: 19, gender: 'female' },
    { name: 'Tom', age: 20, gender: 'male' }
];

// 使用Object.freeze方法冻结学生列表
const frozenStudents = Object.freeze(students);

// 尝试修改学生列表，会报错
frozenStudents.push({ name: 'Jerry', age: 17, gender: 'male' });
console.log(frozenStudents); //输出结果为：[{ name: 'Lucy', age: 18, gender: 'female' }, { name: 'Lily', age: 19, gender: 'female' }, { name: 'Tom', age: 20, gender: 'male' }]

// 尝试修改学生信息，会报错
frozenStudents[0].age = 20;
console.log(frozenStudents); //输出结果为：[{ name: 'Lucy', age: 18, gender: 'female' }, { name: 'Lily', age: 19, gender: 'female' }, { name: 'Tom', age: 20, gender: 'male' }]

从上面的例子中可以看出，Object.freeze方法可以保证学生列表的不可修改性。

再假设我们有一个用户对象，包含了用户名、密码、是否为管理员等信息。我们希望这个用户对象不能被修改其用户名和是否为管理员等信息，但是密码是允许被修改的。代码如下：

const user = {
    username: 'admin',
    password: '123456',
    isAdmin: true
};

// 使用Object.seal方法封闭用户对象
const sealedUser = Object.seal(user);

// 修改用户对象中的密码
sealedUser.password = 'abcd';

// 用户对象中的用户名和是否为管理员等信息不能被修改
sealedUser.username = 'lucy';
sealedUser.isAdmin = false;

console.log(sealedUser); //输出结果为：{ username: 'admin', password: 'abcd', isAdmin: true }

从上面的例子中可以看出，Object.seal方法可以保证用户对象中的特定属性不被修改，但是其他属性是可以被修改的。

这就是Object.freeze和Object.seal的基本使用方法和示例说明。感谢阅读！