Object.freeze vs Object.seal in JavaScript

Object.freeze vs Object.seal in JavaScript

ECMAScript 5 introduced new Object methods to Javascript. Among them seal, freeze, preventExtensions which can be used to make any object immutable.

ECMAScript 5 introduced new Object methods to Javascript. Among them seal, freeze, preventExtensions which can be used to make any object immutable. So let see what does it exactly these methods will do and what are the differences between each of them. Object.freeze() The Object.freeze() method freezes an object. This is actually the most strict way of making objects immutable. It does the following things prevents adding new properties doesn’t allow remove existing properties doesn't allow to change immediate properties of object attributes of child objects can be modified The result of calling Object.freeze(object) only applies to the immediate properties of object itself and will prevent future property addition, removal or value re-assignment operations only on object . Even we can freeze the arrays in JavaScript by using Object.freeze() With sealing, the situation is a little bit different, The Object.seal() method seals an object, preventing new properties from being added to the object. It does the following things allows changing existed properties of an object prevents adding new properties don’t allow remove existing properties An object called by this method can not have any new properties being added or current properties deleted. Object.preventExtensions() The Object.preventExtensions() method prevents new properties from ever being added to an object (i.e. prevents future extensions to the object). It does the following things allows changing existed properties of an object prevents adding new properties Object.preventExtensions() marks an object as no longer extensible, so that it will never have properties beyond the ones it had at the time it was marked as non-extensible. All three methods deal with the object’s immutability, which restricts adding new properties to it.

Subscribe: https://www.youtube.com/channel/UCNVKOc0Ya-MVHElzxT7htxw

js javascript

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

What are the differences between the various JavaScript frameworks? E.g. Vue.js, Angular.js, React.js

What are the differences? Do they each have specific use contexts?

Ember.js vs Vue.js - Which is JavaScript Framework Works Better for You

In this article we will discuss full details and comparison of both Ember.js and Vue.js

Grokking Call(), Apply() and Bind() Methods in JavaScript

In this article, we will have a look at the call(), apply() and bind() methods of JavaScript. Basically these 3 methods are used to control the invocation of the function.

Top Vue.js Developers in USA

Vue.js is an extensively popular JavaScript framework with which you can create powerful as well as interactive interfaces. Vue.js is the best framework when it comes to building a single web and mobile apps.