这篇文章介绍了使用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定义的变量的值,会导致此错误:
- 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 constants = Object.freeze({
- APP_NAME : "Coding N Concepts"
- });
- constants.APP_NAME = "Unknown App"; // 这被忽略
- constants = {
- APP_NAME : "Unknown App"
- }; // 这将抛出TypeError
上面的示例表明,将const和Object.freeze()结合使用对于在 JS 中定义常量和配置非常有用。
作者:Ashish Lahoti 译者:前端小智 来源:codingnconcepts 原文:https://codingnconcepts.com/javascript/const-vs-object-freeze/
本文转载自微信公众号「大迁世界」,可以通过以下二维码关注。转载本文请联系大迁世界公众号。
Kaggle作为公认的数据挖掘竞赛平台,有很多公开的优秀项目,而其中作为初学者入...
为安全起见,用户登录弹性云服务器时建议使用密钥对方式进行身份认证。 用户可以...
当运维用户不具备某些资源访问控制权限时,可主动提交工单,申请相应资源访问控...
问题描述: 基于请求内容发布策略没有生效。 原因分析: 基于请求内容发布策略只...
【51CTO.com快译】DevOps本质上是将软件开发(Dev)和信息技术运营(Ops)结合在一起...
一 小红帽系列、红旗Linux Linux在中国的商用,很大程度上是政府采购的推动。考...
/dependency !--shiro end-- 2.?MyShiroRealm.java package org.fh.realm;import...
10 年前,Netscape 创始人、硅谷著名投资人马克安德森表示软件正在吞噬世界,这只...
随着技术的普及 越来越多的企业在筹划、推进物联网领域的建设项目 另一方面越来...
[中国,上海,2020年9月25日] 在HUAWEI CONNECT 2020期间, 华为云发布ModelArts...