Const和Object.freeze()的区别有哪些

这篇文章主要介绍“Const和Object.freeze()的区别有哪些”,在日常操作中,相信很多人在Const和Object.freeze()的区别有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Const和Object.freeze()的区别有哪些”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

站在用户的角度思考问题,与客户深入沟通,找到平桂网站设计与平桂网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:网站设计制作、成都做网站、企业官网、英文网站、手机端网站、网站推广、域名与空间、网页空间、企业邮箱。业务覆盖平桂地区。

使用 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"

小结一下:

  1. 鸿蒙官方战略合作共建——HarmonyOS技术社区

  2. const不允许改变对象或数组的引用,但可以改变其值。

  3. 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 中定义常量和配置非常有用。

到此,关于“Const和Object.freeze()的区别有哪些”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


名称栏目:Const和Object.freeze()的区别有哪些
浏览地址:http://myzitong.com/article/iihhph.html