console.log(!status) in global scope producing unexpected result [duplicate]

Question

Ran into an interesting issue. I was working on trying to toggle a boolean that was assigned to a variable. It wasn't working and eventually I tried this code.

var status = false;
console.log(!status);

I expected it to provide true in the console, but instead I got false. I figured that javascript would run the code inside the parenthesis first to find it's value and then console.log the value. Could you please explain why I am not getting a true value in the console?

Answer 1

window.status already exists (it is used to get/set the text of the browser's status bar) and when a value is assigned to it, it is converted to a string. If you do console.log( status ); you will see that status has the string value "false", which causes you to see the output false, since you effectively have !"false" and "false" is a truthy value in JavaScript.

If you do the same thing inside a function you'll get the expected output:

(function ( ) {   var status = false;   console.log(!status); // true })(); 

Answer 2

MDN

var statu = false;
console.log(!statu);

window.status exists already. so you can't use status variable .

Answer 3

See the below screenshot which says that status is a property in window. So this directly refers to the window.status. It is not advisable to reuse certain variables and properties that are having default meaning(reminding about keywords in oops languages)

Answer 4

Check the type for status like this:

typeof status

The output will be: "string".

Note that false and "false" are not same.

When you define:

var status = false; //which is actually "false"

That's why you are not getting true.