The <a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/name">Window.name</a> property gets/sets the name of the window's browsing context.
<code>name</code> is a special case such that when you are using the variable named <code>name</code> in the global scope it is treated as <code>window.name</code> In Google Chrome, window.name gets the value as a string.
<pre class="language-js"><code class="language-js">var name = {}; // this is converted using toString() 
console.log(name) // [object Object] </code></pre>In each of these functions, the inner variable gets hoisted inside the function and hence its value is <code>undefined</code>. However, both <code>this.a</code> and <code>this.name</code> refer to global variables.
<pre class="language-js"><code class="language-js">var a = 1;
(function() {
 console.log(a + this.a); // undefined + 1 = NaN
 var a = '2'
 console.log(a + this.a); // "2" + 1 = "21"
})();

var name = 1; // implicitly coerced to string "1"
(function() {
 console.log(name + this.name); // undefined + "1" = "undefined1"
 var name = '2'
 console.log(name + this.name); // "2" + "1" = "21"
})();</code></pre>

Special case of name

What does the code snippet to the right output by console.log?…