建站
咨詢
售后
建站咨詢
新聞中心
這篇文章介紹了使用const和Object.freeze()在 JS中定義常量和配置值一些做法，以及它們之間的區(qū)別。
成都創(chuàng)新互聯(lián)是一家專業(yè)提供蜀山企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、H5技術(shù)、小程序制作等業(yè)務(wù)。10年已為蜀山眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進(jìn)行中。
當(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ò)誤：
- 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é)一下：
- const不允許改變對(duì)象或數(shù)組的引用，但可以改變其值。
- 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 中定義常量和配置非常有用。
作者：Ashish Lahoti 譯者：前端小智 來(lái)源：codingnconcepts 原文：https://codingnconcepts.com/javascript/const-vs-object-freeze/
本文轉(zhuǎn)載自微信公眾號(hào)「大遷世界」，可以通過(guò)以下二維碼關(guān)注。轉(zhuǎn)載本文請(qǐng)聯(lián)系大遷世界公眾號(hào)。
本文標(biāo)題：聊聊Const和Object.freeze()的區(qū)別
本文來(lái)源：http://m.5511xx.com/article/dhpoiso.html
