DEV Community

Cover image for Weird behavior of javaScript you should know!
Abhinav Kale
Abhinav Kale

Posted on • Edited on

Weird behavior of javaScript you should know!

We know that javaScript sometimes behaves weird as compare to other programming languages, but initially it was design only to make web pages.

But now in today's world, we can do so many things using javaScript with help of other libraries/framework like react, angular.

This weird behaviour is not a fault of javaScript, this is how the language was design in the initial phase. So we should understand why this behaviour happens, so we can take primitive actions based on it.(If we are intending that this should not happen)

Image1 description
So here, we make one object calling its name weirdObject which has property obj_id and obj_name which is further divided into an object which has property obj_title and type.

If we run our code with node we get the output as the object considering obj_id and obj_name.
Image2 description

Now, if we want to change the obj_id of the object we can do that in javaScript inspite of using const keyword.(It is allowed to change inside property of javaScript whether we use const or not)

Image3 description

To change this behaviour, we can use Object.freeze() method which freezes an object.

Image4 description

Here the value of obj_id not changed. A frozen object can no longer be changed; freezing an object prevents new properties from being added to it, existing properties from being removed, prevents changing the enumerability, configurability, and writability of existing properties, and also prevents the values of existing properties from being changed.

But, what if we want to change value of the obj_title from "My Object" to "This Object" which is present inside obj_name object of weirdObject after using Object.freeze() method.

Let's see..
Image5 description

Yes, we can do that..!! This is called Shallow freeze which only applies to the immediate properties of the object itself and will prevent future property addition, removal or value re-assignment operations only on object. If the value of those properties are objects themselves, those objects are not frozen and may be the target of property addition, removal or value re-assignment operations.

To make object immutable, we will have to add explicit function which will check is wheather the object has another object present inside it.

Hope this odd behaviour of javaScript information helps you.
Thanks for reading and happy coding!

Top comments (4)

Collapse
 
jonrandy profile image
Jon Randy πŸŽ–οΈ • Edited

I think this behaviour is entirely intentional. Imagine if freeze was a deep freeze (pardon the pun), and there were other references elsewhere to objects that had been frozen as part of this. All kinds of hellish problems could ensue - debugging nightmare.

It's not weird - it seems pretty sensible

Collapse
 
kale_abhinav profile image
Abhinav Kale

Yes, true, but coming from other languages seems difficult to grasp things and to understand it.

Collapse
 
devoskar profile image
Oskar Pietrucha

If you say JavaScript is weird, paste below to the debugger console:

"Guess who I am?".charAt.call(Number, 1) + (this + "")[9] + [...[...'.....']].length + ``.substr.call(/(?:)/.constructor.name, 3) + alert.name.slice(-3);

Collapse
 
kale_abhinav profile image
Abhinav Kale

Yeah, get the output "ui5Expert" its hard to understand this Regular Expression part. Thus javaScript gives us an edge as compare to others, so as to build complex stuff with minimum lines of codes.