javascript不可变性是什么?

时间: 2020-01-02阅读: 783标签: js知识

不可变性即某个变量在进行了某个操作之后,其本身没有发生变化,比如对于字符串而言,对字符串的任何操作都会改变字符串本身的值,而是在字符串的基础上复制出来一个然后再改变,这样我们就说是不可变的。


实现对象不可变性的几种方法:

1. 对象常量

要使对象的某个属性为常量(即不可修改,不可删除,不可重新定义)

可以按照上面讲的使用Object.defineProperty方法,将属性的属性描述符writable,configurable都设为false

2.禁止对象扩展

使用Object.preventExtensions()方法让一个对象变的不可扩展,也就是永远不能再添加新的属性。

注意:不可扩展的对象,属性可能还能够被删除。

注意:Object.preventExtensions()仅阻止添加自身的属性。但属性仍然可以添加到对象原型。

举个例子:

let person = {
    name: 'noshower'
}
//使得person不可扩展
Object.preventExtensions(person);
person.age = 22;
console.log(person.age); // undefined  age属性没有被添加进来
delete person.name;
console.log(person.name); //undefined name属性被删除了

3. 密封对象

使用Object.seal()方法密封一个对象,这个方法实际上会在一个现有对象上调用Object.preventExtensions并把所有自身现有属性标记为configurable:false

密封之后,这个对象不能添加属性,不能重新配置或者删除任何现有属性。

不会影响从原型链上继承的属性。但__proto__ 属性的值也会不能修改。

举个例子:

let person = {
    name: 'noshower'
}
//密封person
Object.seal(person);
//添加age属性
person.age = 23;
//输出name属性的属性描述符
console.log(Object.getOwnPropertyDescriptor(person, 'name'));
// { value: 'noshower',writable: true, enumerable: true,configurable:false }
console.log(person.age); // undefined 表明不可添加新属性
delete person.name;
console.log(person.name); // noshower 表明不可删除属性

4. 冻结对象

Object.freeze()方法可以冻结一个对象。这个方法实际上会在一个现有对象上调用Object.seal()并把所有数据访问属性标记为writable:false,这样就无法修改它们了。

举个例子:

let person = {
    name: 'noshower'
}
//冻结person对象
Object.freeze(person);

console.log(Object.getOwnPropertyDescriptor(person, 'name'));
// { value: 'noshower',writable: false, enumerable: true,configurable:false }
person.name = 'Jack';
console.log(person.name); // noshower 表明属性不可修改

控制一个对象的不可变性,有四个方法:Object.defineProperty(或者Object.defineProperties),Object.preventExtensions,Object.seal,Object.freeze。

站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/8049

js中delete关键字

delete关键字的作用:删除对象的属性 语法:delete 对象.属性、可以删除没有使用var关键字声明的全局变量(直接定义在window上面的属性)、删除数组元素、不能删除内置对象的属性、不能直接删除从原型上继承的属性

js变量引用(指针)

基本类型:Number,Boolen,null,String,Underfined 存放在栈内存中,数据长度是固定的。引用类型:Object存在堆内存中,数据长度是变化的(同时有栈内存中有一个指针指向这个Object的)。

js的解析的两个阶段_预解析阶段、执行阶段

js不像C语言那样只要编译一次之后成.exe文件之后就不用在编译可以直接使用了,js是一种解释型语言,js同理是边解析边执行。js的解析分为两个阶段 1.预解析阶段 2.执行阶段。

Js中的命名空间(namespace)

全局变量应该由有系统范围相关性的对象们保留,并且它们的命名应该避免含糊并尽量减少命名冲突的风险。在实践中,这意味着你应该避免创建全局对象,除非它们是绝对必须的。 所以你对此是怎么做的?传统方法告诉我们,最好的消除全局策略是创建少数作为潜在模块和子系统的实际命名空间的全局对象。

Performance_js中计算网站性能监控利器

Performance提供的方法可以灵活使用,获取到页面加载等标记的耗时情况。Performance.timing属性对象提供了浏览器从打开网页到加载完成之间各个节点的耗时数据,包括重定向开始、DNS查询、浏览器响应数据、DOM解析等相关节点

Js如何获取ul中li的个数?

javascript如何获取ul中li的个数?下面本篇文章就来给大家介绍一下使用javascript获取ul中li个数的方法,希望对大家有所帮助。

Js输出方式有哪些?

在编写JavaScript代码的时候, 一定要记住每一句代码后面都需要添加一个分号, 并且这个分号必须是英文的分号,我们会发现有时候不写分号程序也能够运行, 这里并不是因为不需要分号, 而是浏览器自动帮助我们添加了分号

await在forEach不起作用解决

我们知道await这个机制肯定是没问题的,如果真的有问题肯定不会轮到我测出来,那么其实剩下来的问题只能是for遍历的原因了。lodash的forEach和[].forEach不支持await,如果非要一边遍历一边执行await,可使用for-of

js中“=”,“==”,“===”的使用和深入理解

Js支持“=”、“==”和“===”的运算符,我们需要理解这些 运算符的区别 ,并在开发中小心使用。它们分别含义是:= 为对象赋值 ,== 表示两个对象toString值相等,=== 表示两个对象类型相同且值相等

window.location.href的用法(动态输出跳转)

javascript中的location.href有很多种用法,window.location.href 语句可以实现一个框架的页面在执行服务器端代码后刷新另一个框架的页面

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!