相关学习推荐:javascript视频教程
自发布以来,ES6为JavaScript带来了一些新功能和方法。这些功能可以更好地改善我们作为JavaScript开发人员的工作流程和生产力。这些新功能包括 Object.freeze()
方法和 const
。
在少数开发者尤其是新手中,有人认为这两个功能的工作原理是一样的,但NO,它们不是。Object.freeze()
和 const
的工作原理不同。让我来告诉你怎么做!
概况
const
和 Object.freeze()
完全不同。
const
的行为就像let
。唯一的区别是,它定义了无法重新分配的变量。const
声明的变量是块范围的,而不是函数范围的,就像用var
声明的变量一样。Object.freeze()
将一个对象作为参数,并返回与不可变对象相同的对象。这意味着不能添加,删除或更改对象的任何属性。
示例
const
const user = 'Bolaji Ayodeji'user = 'Joe Nash'复制代码
这将引发 Uncaught TypeError
,因为我们试图重新分配使用 const
关键字声明的变量 user
。这无效。
最初,这将适用于 var
或 let
,但不适用于 const
。
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()
要禁用对对象的任何更改,我们需要 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()
防止可变性。
想了解更多编程学习,敬请关注php培训栏目!
以上就是了解JavaScript中Object.freeze()与const之间的区别的详细内容,更多请关注爱上源码网其它相关文章!
- 上一篇:一起看看 鸿蒙 JavaScript GUI 技术栈
- 下一篇:Angular中使用ngrx/store进行状态管理
相关文章
相关视频
- JavaScript中的Object.freeze…
- 何时在JavaScript中使用const关键字?
- JavaScript中var,let与const之…
- 一起看看 鸿蒙 JavaScript GUI 技术…
- 了解JavaScript中Object.freez…
本文有爱上源码下载完入驻作者发布,如果对您版权造成侵害,可以联系本站站长管理进行维权删除,本站收到维权24小时内进行处理,谢谢您关注23ym.cn!
本站分享大量程序员技术文章以及对编程开发的初级入门教程,包括图文讲解笔记和高清视频下载~
爱上源码下载网 » 了解JavaScript中Object.freeze()与const之间的区别
常见问题FAQ
- 从网站下载的源码都有安装教程么?不会安装怎么办?
- 本站发布的网站源码和模板资源大部分在压缩包内都有教程,如您不会安装可以联系本站在线技术进行付费安装。
- 爱上源码的所有源码都是亲测能正常运行的么?
- 我手中的优质资源可以在你这换钱或者VIP么?
- 爱上源码除了资源分享还有其他业务没?