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

資訊專欄INFORMATION COLUMN

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

SQC / 3143人閱讀

摘要：與相比，這些功能更好地改善了我們的工作流程。一些開發(fā)人員尤其是新手們認(rèn)為這兩個(gè)功能的工作方式相同，但并不是。的行為類似于，唯一的區(qū)別是它定義了一個(gè)無法重新分配的變量。我們使用聲明了一個(gè)變量，并為它分配了一個(gè)名為的對(duì)象。

翻譯：瘋狂的技術(shù)宅
https://medium.freecodecamp.o...

本文首發(fā)微信公眾號(hào)：前端先鋒
歡迎關(guān)注，每天都給你推送新鮮的前端技術(shù)文章

ES6 自發(fā)布以來為 JavaScript 帶來了一些新功能和方法。與 JavaScript 相比，這些功能更好地改善了我們的工作流程。這些新功能包括 Object.freeze() 方法和 const。

一些開發(fā)人員尤其是新手們認(rèn)為這兩個(gè)功能的工作方式相同，但并不是。 Object.freeze() 和 const 的工作方式是不同的。

概述

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

const 的行為類似于 let，唯一的區(qū)別是它定義了一個(gè)無法重新分配的變量。由 const 聲明的變量是塊作用域，而不是像 var那樣的函數(shù)作用域

Object.freeze() 將一個(gè)對(duì)象作為參數(shù)，并返回與不可變對(duì)象相同的對(duì)象。這意味著你不能添加、刪除或更改對(duì)象的屬性。 

可變對(duì)象具有可以更改的屬性。不可變的對(duì)象在創(chuàng)建對(duì)象后沒有可以更改的屬性。
例子： Const 
const user = "Bolaji Ayodeji"
user = "Joe Nash"

這將拋出一個(gè) Uncaught TypeError，因?yàn)槲覀冊(cè)噲D重新給用 const 關(guān)鍵字聲明的變量 user 賦值。這是沒用的。

最初，這適用于 var 或 let ，但不適用于const

const的問題

使用對(duì)象時(shí)，使用 const 僅阻止重新分配，而不是不可變性（能夠阻止更改其屬性）。

請(qǐng)考慮以下代碼。我們使用 const 聲明了一個(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è)名為 object 的變量，但仍然可以改變對(duì)象本身。

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

我們肯定希望對(duì)象具有無法修改或刪除的屬性。但是 const 做不到，這就是 Object.freeze() 存在的意義

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

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

相關(guān)文章

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

    摘要：一些開發(fā)人員特別是新手們會(huì)認(rèn)為這兩個(gè)功能的工作方式是一樣的，但其實(shí)并不是。的問題使用聲明的對(duì)象僅能阻止其重新分配，但是并不能使其聲明的對(duì)象具有不可變性能夠阻止更改其屬性。因此，當(dāng)具有嵌套屬性的對(duì)象時(shí)，并不能完全凍結(jié)對(duì)象。 原文：The differences between Object.freeze() vs Const in JavaScript?作者：Bolaji Ayodeji...

    monw3c 評(píng)論0 收藏0

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

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

    gplane 評(píng)論0 收藏0

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

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

    yexiaobai 評(píng)論0 收藏0

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

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

    longmon 評(píng)論0 收藏0

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

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

    forrest23 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<