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()的區別有哪些”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！