JavaScript中Object.freeze()与Const之间的区别

SQC 发布于2019-08-26 13:47 / 3097人阅读

摘要：与相比，这些功能更好地改善了我们的工作流程。一些开发人员尤其是新手们认为这两个功能的工作方式相同，但并不是。的行为类似于，唯一的区别是它定义了一个无法重新分配的变量。我们使用声明了一个变量，并为它分配了一个名为的对象。

翻译：疯狂的技术宅
https://medium.freecodecamp.o...

本文首发微信公众号：前端先锋
欢迎关注，每天都给你推送新鲜的前端技术文章

ES6 自发布以来为 JavaScript 带来了一些新功能和方法。与 JavaScript 相比，这些功能更好地改善了我们的工作流程。这些新功能包括 Object.freeze() 方法和 const。

一些开发人员尤其是新手们认为这两个功能的工作方式相同，但并不是。 Object.freeze() 和 const 的工作方式是不同的。

概述

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

const 的行为类似于 let，唯一的区别是它定义了一个无法重新分配的变量。由 const 声明的变量是块作用域，而不是像 var那样的函数作用域

Object.freeze() 将一个对象作为参数，并返回与不可变对象相同的对象。这意味着你不能添加、删除或更改对象的属性。

可变对象具有可以更改的属性。不可变的对象在创建对象后没有可以更改的属性。

例子： Const

const user = "Bolaji Ayodeji"
user = "Joe Nash"

这将抛出一个 Uncaught TypeError，因为我们试图重新给用 const 关键字声明的变量 user 赋值。这是没用的。

最初，这适用于 var 或 let ，但不适用于const

const的问题

使用对象时，使用 const 仅阻止重新分配，而不是不可变性（能够阻止更改其属性）。

请考虑以下代码。我们使用 const 声明了一个变量，并为它分配了一个名为 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

虽然我们无法重新分配这个名为 object 的变量，但仍然可以改变对象本身。

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

我们肯定希望对象具有无法修改或删除的属性。但是 const 做不到，这就是 Object.freeze() 存在的意义

GPU云服务器云服务器 javascript与js的区别 java与javascript的区别中SP与DP的区别 js与javascript区别

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/109532.html

JavaScript中的Object.freeze与const之间的区别(译)

摘要：一些开发人员特别是新手们会认为这两个功能的工作方式是一样的，但其实并不是。的问题使用声明的对象仅能阻止其重新分配，但是并不能使其声明的对象具有不可变性能够阻止更改其属性。因此，当具有嵌套属性的对象时，并不能完全冻结对象。原文：The differences between Object.freeze() vs Const in JavaScript 作者：Bolaji Ayodeji...

monw3c 2019-08-23 17:52 评论0 收藏0
javascript中对象的常用方法，深克隆和浅克隆以及冻结，扩展，密封三大属性的区别

摘要：它将返回目标对象。封闭对象方法判断一个对象是否被密封。为源对象为修改的属性名或设置，同上方法返回一个给定对象自身可枚举属性的键值对数组方法返回指定对象上一个自有属性对应的属性描述符方法判断两个值是否是相同的值。对象作为引用类型，工作中免不了复制对象，下面来看看克隆的方法 Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。浅...

gplane 2019-08-22 15:37 评论0 收藏0
关于ES模块你必须要知道的一些禁忌(一)

摘要：没有模块化的支持，使用开发大型应用将举步维艰，所以经过大量的实践，社区制定了一些模块加载方案，最主要的有运行于浏览器的方案和运行于以为代表的服务端的方案。该方法返回被冻结的对象。背景 ES Module是JavaScript在ES2015版本开始提供的语言标准级别的模块化方案，在此之前JavaScript一直没有语言级别的模块化体系。没有模块化的支持，使用JavaScript开发大型...

yexiaobai 2019-08-23 14:10 评论0 收藏0
【译】如何在 JavaScript 中使用对象的方法

摘要：中的所有对象都来自父的构造函数。不同于数组的原型方法例如和只能被数组实例使用，对象方法直接来自构造函数，并使用对象实例作为参数。这称为静态方法。创建对象的键值对的嵌套数组。可用于确定对象是否已冻结，并返回布尔值。原文：How To Use Object Methods in JavaScript作者：Tania Rascia译者：博轩介绍 JavaScript 中，对象是键/值 ...

longmon 2019-08-23 17:03 评论0 收藏0
JavaScript 函数式编程导论

摘要：函数式编程导论从属于笔者的前端入门与工程实践。函数式编程即是在软件开发的工程中避免使用共享状态可变状态以及副作用。 JavaScript 函数式编程导论从属于笔者的Web 前端入门与工程实践。本文很多地方是讲解函数式编程的优势，就笔者个人而言是认可函数式编程具有一定的好处，但是不推崇彻底的函数式编程化，特别是对于复杂应用逻辑的开发。笔者在应用的状态管理工具中就更倾向于使用MobX而不是...

forrest23 2019-08-20 13:38 评论0 收藏0