亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

JavaScript中的Object.freeze與const之間的區(qū)別(譯)

monw3c / 1501人閱讀

摘要：一些開發(fā)人員特別是新手們會認(rèn)為這兩個功能的工作方式是一樣的，但其實并不是。的問題使用聲明的對象僅能阻止其重新分配，但是并不能使其聲明的對象具有不可變性能夠阻止更改其屬性。因此，當(dāng)具有嵌套屬性的對象時，并不能完全凍結(jié)對象。

原文：The differences between Object.freeze() vs Const in JavaScript?
作者：Bolaji Ayodeji
本文經(jīng)授權(quán)翻譯轉(zhuǎn)載，版權(quán)歸原作者所有！

自ES6發(fā)布以來，ES6給JavaScript帶來了一些新特性和方法。對于JavaScript開發(fā)者來說，這些特性能夠很好地改善了我們的工作流程以及工作效率，其中的特性就包括 Object.freeze()?方法和 const?。

一些開發(fā)人員特別是新手們會認(rèn)為這兩個功能的工作方式是一樣的，但其實并不是。 讓我來告訴你Object.freeze()?和?const? 是如何不同的。

綜述

const?和?Object.freeze()?完全不同。

const?的行為像 let?。它們唯一的區(qū)別是， const?定義了一個無法重新分配的變量。 通過 const?聲明的變量是具有塊級作用域的，而不是像 var?聲明的變量具有函數(shù)作用域。

Object.freeze()?接受一個對象作為參數(shù)，并返回一個相同的不可變的對象。這就意味著我們不能添加，刪除或更改對象的任何屬性。

可變對象的屬性能夠進(jìn)行更改，而不可變對象在創(chuàng)建對象后不能更改其屬性。
例子 const 
const user = "Bolaji Ayodeji"
user = "Joe Nash"

這個例子會拋出一個Uncaught TypeError，因為我們正在嘗試重新分配使用const關(guān)鍵字聲明的變量user，這樣做是無效的。

這個例子中使用 let 或者 var 聲明是能夠正常工作的，但是使用 const 并不能。

const 的問題

使用const聲明的對象僅能阻止其重新分配，但是并不能使其聲明的對象具有不可變性（能夠阻止更改其屬性）。

參考以下代碼，我們使用const關(guān)鍵字聲明了一個變量，并為其分配了一個名為user的對象。

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

盡管我們無法重新分配這個名為 user 的變量，但是我們?nèi)匀豢梢愿淖兤鋵ο蟊旧怼?/p> 

const user = {
  user_name: "bolajiayodeji"
}
// won"t work

我們肯定希望對象具有無法修改或刪除的屬性。 const?無法實現(xiàn)這樣的功能，但是 Object.freeze? 可以。

Object.freeze()

要禁用對象的任何更改，我們需要使用 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

具有嵌套屬性的對象實際上并未凍結(jié)

Object.freeze?只是做了層淺凍結(jié)，當(dāng)遇到具有嵌套屬性的對象的時候，我們需要遞歸Object.freeze?來凍結(jié)具有嵌套屬性的對象。

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)具有嵌套屬性的對象時， Object.freeze()? 并不能完全凍結(jié)對象。

要完全凍結(jié)具有嵌套屬性的對象，您可以編寫自己的庫或使用已有的庫來凍結(jié)對象，如Deepfreeze?或?immutable-js

結(jié)論

const?和?Object.freeze()?并不同，?const?是防止變量重新分配，而?Object.freeze()?是使對象具有不可變性。

感謝閱讀，干杯！

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/104286.html

相關(guān)文章

  • 【譯】如何在 JavaScript 中使用對象的方法

    摘要：中的所有對象都來自父的構(gòu)造函數(shù)。不同于數(shù)組的原型方法例如和只能被數(shù)組實例使用，對象方法直接來自構(gòu)造函數(shù)，并使用對象實例作為參數(shù)。這稱為靜態(tài)方法。創(chuàng)建對象的鍵值對的嵌套數(shù)組。可用于確定對象是否已凍結(jié)，并返回布爾值。 原文：How To Use Object Methods in JavaScript作者：Tania Rascia譯者：博軒 介紹 JavaScript 中，對象是 鍵/值 ...

    longmon 評論0 收藏0

  • JavaScript中Object.freeze()與Const之間的區(qū)別

    摘要：與相比，這些功能更好地改善了我們的工作流程。一些開發(fā)人員尤其是新手們認(rèn)為這兩個功能的工作方式相同，但并不是。的行為類似于，唯一的區(qū)別是它定義了一個無法重新分配的變量。我們使用聲明了一個變量，并為它分配了一個名為的對象。 翻譯：瘋狂的技術(shù)宅https://medium.freecodecamp.o... 本文首發(fā)微信公眾號：前端先鋒歡迎關(guān)注，每天都給你推送新鮮的前端技術(shù)文章 sho...

    SQC 評論0 收藏0

  • javascript中對象的常用方法，深克隆和淺克隆以及凍結(jié)，擴(kuò)展，密封三大屬性的區(qū)別

    摘要：它將返回目標(biāo)對象。封閉對象方法判斷一個對象是否被密封。為源對象為修改的屬性名或設(shè)置，同上方法返回一個給定對象自身可枚舉屬性的鍵值對數(shù)組方法返回指定對象上一個自有屬性對應(yīng)的屬性描述符方法判斷兩個值是否是相同的值。 對象作為引用類型，工作中免不了復(fù)制對象，下面來看看克隆的方法 Object.assign() 方法用于將所有可枚舉屬性的值從一個或多個源對象復(fù)制到目標(biāo)對象。它將返回目標(biāo)對象。淺...

    gplane 評論0 收藏0

  • 關(guān)于ES模塊你必須要知道的一些禁忌(一)

    摘要：沒有模塊化的支持，使用開發(fā)大型應(yīng)用將舉步維艱，所以經(jīng)過大量的實踐，社區(qū)制定了一些模塊加載方案，最主要的有運(yùn)行于瀏覽器的方案和運(yùn)行于以為代表的服務(wù)端的方案。該方法返回被凍結(jié)的對象。 背景 ES Module是JavaScript在ES2015版本開始提供的語言標(biāo)準(zhǔn)級別的模塊化方案，在此之前JavaScript一直沒有語言級別的模塊化體系。沒有模塊化的支持，使用JavaScript開發(fā)大型...

    yexiaobai 評論0 收藏0

  • JavaScript 函數(shù)式編程導(dǎo)論

    摘要：函數(shù)式編程導(dǎo)論從屬于筆者的前端入門與工程實踐。函數(shù)式編程即是在軟件開發(fā)的工程中避免使用共享狀態(tài)可變狀態(tài)以及副作用。 JavaScript 函數(shù)式編程導(dǎo)論從屬于筆者的Web 前端入門與工程實踐。本文很多地方是講解函數(shù)式編程的優(yōu)勢，就筆者個人而言是認(rèn)可函數(shù)式編程具有一定的好處，但是不推崇徹底的函數(shù)式編程化，特別是對于復(fù)雜應(yīng)用邏輯的開發(fā)。筆者在應(yīng)用的狀態(tài)管理工具中就更傾向于使用MobX而不是...

    forrest23 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<