符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
这篇文章主要介绍了JavaScript中Object.freeze()与const有什么区别,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
成都创新互联是专业的施秉网站建设公司,施秉接单;提供成都网站设计、成都做网站、外贸网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行施秉网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
自发布以来,ES6为JavaScript带来了一些新功能和方法。这些功能可以更好地改善我们作为JavaScript开发人员的工作流程和生产力。这些新功能包括 Object.freeze()
方法和 const
。
在少数开发者尤其是新手中,有人认为这两个功能的工作原理是一样的,但NO,它们不是。Object.freeze()
和 const
的工作原理不同。让我来告诉你怎么做!
const
和 Object.freeze()
完全不同。
const
的行为就像 let
。唯一的区别是,它定义了无法重新分配的变量。const
声明的变量是块范围的,而不是函数范围的,就像用 var
声明的变量一样。Object.freeze()
将一个对象作为参数,并返回与不可变对象相同的对象。这意味着不能添加,删除或更改对象的任何属性。const user = 'Bolaji Ayodeji'user = 'Joe Nash'复制代码
这将引发 Uncaught TypeError
,因为我们试图重新分配使用 const
关键字声明的变量 user
。这无效。
最初,这将适用于 var
或 let
,但不适用于 const
。
当使用对象时,使用const仅防止重新分配,而不防止不变性。 (防止更改其属性的能力)
考虑下面的代码。我们已经使用 const
关键字声明了一个变量,并为其分配了一个名为 user
的对象。
const user = { first_name: 'bolaji', last_name: 'ayodeji', email: 'hi@bolajiayodeji.com', net_worth: 2000} user.last_name = 'Samson';// 这行得通,user仍然可变!user.net_worth = 983265975975950;// 这也行得通,用户仍然可变且变得富有 :)!console.log(user); // user被突变复制代码
尽管我们无法重新分配名为object的变量,但是我们仍然可以对对象本身进行突变。
const user = { user_name: 'bolajiayodeji'}// won't work复制代码
我们绝对希望对象具有无法修改或删除的属性。const
无法做到这一点,这就是 Object.freeze()
拯救我们的地方。
要禁用对对象的任何更改,我们需要 Object.freeze()
。
const user = { first_name: 'bolaji', last_name: 'ayodeji', email: 'hi@bolajiayodeji.com', net_worth: 2000}Object.freeze(user); user.last_name = 'Samson';// 这行不通,user仍然是一成不变的!user.net_worth = 983265975975950;// 这也行不通,user仍然是一成不变的,仍然无法使用 :(!console.log(user); // user is immutated复制代码
嗯,Object.freeze()
有点浅显,你需要在嵌套对象上应用它来递归保护它们。
const user = { first_name: 'bolaji', last_name: 'ayodeji', contact: { email: 'hi@bolajiayodeji.com', telephone: 08109445504, } }Object.freeze(user); user.last_name = 'Samson';// 这行不通,user仍然是一成不变的!user.contact.telephone = 07054394926;// 这将起作用,因为嵌套对象未冻结console.log(user);复制代码
因此,当 Object.freeze()
具有嵌套的属性时,它不会完全冻结它。
要完全冻结对象及其嵌套属性,你可以编写自己的库或使用已创建的库,例如Deepfreeze或immutable-js
const
和 Object.freeze()
不同,const
防止重新分配,而 Object.freeze()
防止可性。
感谢你能够认真阅读完这篇文章,希望小编分享JavaScript中Object.freeze()与const有什么区别内容对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,遇到问题就找创新互联,详细的解决方法等着你来学习!