原文：The differences between Object.freeze() vs Const in JavaScript
作者：Bolaji Ayodeji
本文經(jīng)授權(quán)翻譯轉(zhuǎn)載驾诈，版權(quán)歸原作者所有！
自ES6發(fā)布以來寸士，ES6給JavaScript帶來了一些新特性和方法遮精。對(duì)于JavaScript開發(fā)者來說巧涧，這些特性能夠很好地改善了我們的工作流程以及工作效率泼疑，其中的特性就包括 Object.freeze() 方法和 const 赘淮。
一些開發(fā)人員特別是新手們會(huì)認(rèn)為這兩個(gè)功能的工作方式是一樣的血公，但其實(shí)并不是昵仅。 讓我來告訴你Object.freeze() 和 const 是如何不同的。
綜述
const 和 Object.freeze() 完全不同坞笙。
-
const的行為像let岩饼。它們唯一的區(qū)別是，const定義了一個(gè)無法重新分配的變量薛夜。 通過const聲明的變量是具有塊級(jí)作用域的籍茧，而不是像var聲明的變量具有函數(shù)作用域。 -
Object.freeze()接受一個(gè)對(duì)象作為參數(shù)梯澜，并返回一個(gè)相同的不可變的對(duì)象寞冯。這就意味著我們不能添加，刪除或更改對(duì)象的任何屬性晚伙。
可變對(duì)象的屬性能夠進(jìn)行更改吮龄，而不可變對(duì)象在創(chuàng)建對(duì)象后不能更改其屬性。
例子
const
const user = 'Bolaji Ayodeji'
user = 'Joe Nash'
這個(gè)例子會(huì)拋出一個(gè)Uncaught TypeError咆疗，因?yàn)槲覀冋趪L試重新分配使用const關(guān)鍵字聲明的變量user漓帚，這樣做是無效的。
這個(gè)例子中使用 let 或者 var 聲明是能夠正常工作的午磁，但是使用 const 并不能尝抖。
const 的問題
使用const聲明的對(duì)象僅能阻止其重新分配，但是并不能使其聲明的對(duì)象具有不可變性（能夠阻止更改其屬性）迅皇。
參考以下代碼昧辽，我們使用const關(guān)鍵字聲明了一個(gè)變量，并為其分配了一個(gè)名為user的對(duì)象登颓。
const user = {
first_name: 'bolaji',
last_name: 'ayodeji',
email: 'hi@bolajiayodeji.com',
net_worth: 2000
}
user.last_name = 'Samson';
// this would work, user is still mutable!
user.net_worth = 983265975975950;
// this would work too, user is still mutable and getting rich :)!
console.log(user); // user is mutated
盡管我們無法重新分配這個(gè)名為 user 的變量搅荞，但是我們?nèi)匀豢梢愿淖兤鋵?duì)象本身。
const user = {
user_name: 'bolajiayodeji'
}
// won't work
我們肯定希望對(duì)象具有無法修改或刪除的屬性框咙。 const 無法實(shí)現(xiàn)這樣的功能咕痛，但是 Object.freeze 可以。
Object.freeze()
要禁用對(duì)象的任何更改扁耐，我們需要使用 Object.freeze() 暇检。
const user = {
first_name: 'bolaji',
last_name: 'ayodeji',
email: 'hi@bolajiayodeji.com',
net_worth: 2000
}
Object.freeze(user);
user.last_name = 'Samson';
// this won't work, user is still immutable!
user.net_worth = 983265975975950;
// this won't work too, user is still immutable and still broke :(!
console.log(user); // user is immutated
具有嵌套屬性的對(duì)象實(shí)際上并未凍結(jié)
Object.freeze 只是做了層淺凍結(jié)，當(dāng)遇到具有嵌套屬性的對(duì)象的時(shí)候婉称，我們需要遞歸Object.freeze 來凍結(jié)具有嵌套屬性的對(duì)象块仆。
const user = {
first_name: 'bolaji',
last_name: 'ayodeji',
contact: {
email: 'hi@bolajiayodeji.com',
telephone: 08109445504,
}
}
Object.freeze(user);
user.last_name = 'Samson';
// this won't work, user is still immutable!
user.contact.telephone = 07054394926;
// this will work because the nested object is not frozen
console.log(user);
因此构蹬，當(dāng)具有嵌套屬性的對(duì)象時(shí)， Object.freeze() 并不能完全凍結(jié)對(duì)象悔据。
要完全凍結(jié)具有嵌套屬性的對(duì)象庄敛，您可以編寫自己的庫或使用已有的庫來凍結(jié)對(duì)象，如Deepfreeze 或 immutable-js
結(jié)論
const 和 Object.freeze() 并不同科汗， const 是防止變量重新分配藻烤，而 Object.freeze() 是使對(duì)象具有不可變性。
感謝閱讀头滔，干杯怖亭！
