javascript中const和Object.freeze()有什么区别
这篇文章主要介绍javascript中const和Object.freeze()有什么区别,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
成都创新互联网络公司拥有10多年的成都网站开发建设经验,1000多家客户的共同信赖。提供成都网站设计、做网站、网站开发、网站定制、买友情链接、建网站、网站搭建、响应式网站设计、网页设计师打造企业风格,提供周到的售前咨询和贴心的售后服务
这篇文章介绍了使用const
和Object.freeze()
在 JS中定义常量和配置值一些做法,以及它们之间的区别。
当我们在 JS 应用程序中定义常量和配置值时。它们应具有以下特点:
- 跨应用程序可访问
- 量的值是不可变的
- 变量的引用应该是不可变的
接下来,我们来一个个看下上面三个特征。
使用 let
我们使用 let
来定义变量。
let APP_NAME = "前端小智@大迁世界" function getApplicationName() { APP_NAME = "他是谁?" return APP_NAME } getApplicationName() // "他是谁?"
在上面的示例中,函数getApplicationName()
更改了APP_NAME
的值。 我们要如何防止全局变量被更改?
使用 const
我们可以使用 const
来定义,这样全局变量就不会被更改到?
const APP_NAME = "前端小智@大迁世界" function getApplicationName() { APP_NAME = "他是谁?" return APP_NAME // 这里会抛出 TypeError 错误 }
试图更改使用const
定义的变量的值,会导致此错误:
“TypeError: Assignment to constant variable.”
const
能防止变量值被更改吗?,看下面操作:
const fruites = ['葡萄', '哈密瓜'] fruites.push('香蕉') console.log(fruites ) // ["葡萄", "哈密瓜", "香蕉"]
const constants = { APP_NAME: "前端小智@大迁世界" } constants.APP_NAME = "他是谁?" console.log(constants.APP_NAME) // 他是谁?
从上面的两个例子中可以看出,即使使用const
,也可以改变数组或对象的值。
const 不是使用变量的值不可变,而是变量的引用地址来可变。
现在我们知道,在数组和对象的情况下,我们不能改变引用,但可以改变值。如何防止数组和对象的值被改变?
使用 Object.freeze()
这是Object.freeze()
起作用的地方,Object.freeze
忽略对象和数组的值更改。
let constants = Object.freeze({ APP_NAME: "前端小智@大迁世界" }) constants.APP_NAME = "他是谁?" console.log(constants.APP_NAME) // "前端小智@大迁世界"
可以从示例中看到,如果更改值,它不会抛出任何错误,也不会影响对象状态。
Object.freeze()
可以防止更改对象的值,但不能阻止引用的更改:
let constants = Object.freeze({ APP_NAME: "前端小智@大迁世界" }) constants = { APP_NAME : "Unknown App" } console.log(constants.APP_NAME); // "Unknown App"
小结一下:
const
不允许改变对象或数组的引用,但可以改变其值。Object.freeze()
忽略对象或数组的值更改
把它们组合在一起将防止更改对象或数组的引用和值
一起使用 const 和 Object.freeze()
const constants = Object.freeze({ APP_NAME : "Coding N Concepts" }); constants.APP_NAME = "Unknown App"; // 这被忽略 constants = { APP_NAME : "Unknown App" }; // 这将抛出TypeError
上面的示例表明,将const
和Object.freeze()
结合使用对于在 JS 中定义常量和配置非常有用。
以上是“javascript中const和Object.freeze()有什么区别”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
当前名称:javascript中const和Object.freeze()有什么区别
新闻来源:http://pwwzsj.com/article/jhpjog.html