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="shiki github-dark shaku"><code>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="shiki github-dark shaku"><code>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?…