javascript中const和Object.freeze()有什么區(qū)別

這篇文章主要介紹javascript中const和Object.freeze()有什么區(qū)別，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

這篇文章介紹了使用const和Object.freeze()在 JS中定義常量和配置值一些做法，以及它們之間的區(qū)別。

當(dāng)我們?cè)?JS 應(yīng)用程序中定義常量和配置值時(shí)。它們應(yīng)具有以下特點(diǎn):

• 跨應(yīng)用程序可訪問(wèn)
• 量的值是不可變的
• 變量的引用應(yīng)該是不可變的

接下來(lái)，我們來(lái)一個(gè)個(gè)看下上面三個(gè)特征。

使用 let

我們使用 let 來(lái)定義變量。

let APP_NAME = "前端小智@大遷世界"

function getApplicationName() {
   APP_NAME = "他是誰(shuí)？"
   return APP_NAME
}

getApplicationName() // "他是誰(shuí)？"

在上面的示例中，函數(shù)getApplicationName()更改了APP_NAME的值。 我們要如何防止全局變量被更改？

使用 const

我們可以使用 const 來(lái)定義，這樣全局變量就不會(huì)被更改到？

const  APP_NAME = "前端小智@大遷世界"

function getApplicationName() {
   APP_NAME = "他是誰(shuí)？"
   return APP_NAME // 這里會(huì)拋出 TypeError 錯(cuò)誤
}

試圖更改使用const定義的變量的值，會(huì)導(dǎo)致此錯(cuò)誤：

“TypeError: Assignment to constant variable.”

const 能防止變量值被更改嗎？，看下面操作：

const fruites = ['葡萄', '哈密瓜']
fruites.push('香蕉')

console.log(fruites ) //  ["葡萄", "哈密瓜", "香蕉"]

const constants = {
  APP_NAME: "前端小智@大遷世界"
}
constants.APP_NAME = "他是誰(shuí)?"
console.log(constants.APP_NAME) // 他是誰(shuí)?

從上面的兩個(gè)例子中可以看出，即使使用const，也可以改變數(shù)組或?qū)ο蟮闹怠?/p>

const 不是使用變量的值不可變，而是變量的引用地址來(lái)可變。

現(xiàn)在我們知道，在數(shù)組和對(duì)象的情況下，我們不能改變引用，但可以改變值。如何防止數(shù)組和對(duì)象的值被改變？

使用 Object.freeze()

這是Object.freeze()起作用的地方，Object.freeze 忽略對(duì)象和數(shù)組的值更改。

let constants = Object.freeze({
  APP_NAME: "前端小智@大遷世界"
})
constants.APP_NAME = "他是誰(shuí)?"
console.log(constants.APP_NAME) // "前端小智@大遷世界"

可以從示例中看到，如果更改值，它不會(huì)拋出任何錯(cuò)誤，也不會(huì)影響對(duì)象狀態(tài)。

Object.freeze() 可以防止更改對(duì)象的值，但不能阻止引用的更改：

let constants = Object.freeze({
  APP_NAME: "前端小智@大遷世界"
})
constants = {
   APP_NAME : "Unknown App"
}
console.log(constants.APP_NAME); // "Unknown App"

小結(jié)一下：

1. const不允許改變對(duì)象或數(shù)組的引用，但可以改變其值。
2. Object.freeze() 忽略對(duì)象或數(shù)組的值更改

把它們組合在一起將防止更改對(duì)象或數(shù)組的引用和值

一起使用 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()結(jié)合使用對(duì)于在 JS 中定義常量和配置非常有用。

以上是“javascript中const和Object.freeze()有什么區(qū)別”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！