JavaScript: グローバル環境での var と let による this の違いについて

Question

Chrome のトップレベルでグローバル変数を定義する場合、
var で定義すると window オブジェクトに紐づけられて参照できますが、
let で定義すると window オブジェクトに紐付かずに参照できないようです。

var name = "Goro";
console.log(this.name);
; => "Goro"

let name = "Goro";
console.log(this.name);
; => undefined

let を使って定義した場合、トップレベルから name を参照するには、 this では参照できないのでしょうか？

また、この場合、let で定義された変数は、どのオブジェクトに紐づけられるのでしょうか？

ES2015 からのブロックスコープが関係しているように思うのですが、let で宣言した場合、なぜ this.name で参照できないかを知りたいです。

ご教授いただけるとありがたいです。

よろしくお願いします。

Answer 1

let を使って定義した場合、トップレベルから name を参照するには、 this では参照できないのでしょうか？

はい、そのとおりです。

また、この場合、let で定義された変数は、どのオブジェクトに紐づけられるのでしょうか？

（JavaScriptのコード上から見える）オブジェクトからは参照できません。

ES2015 からのブロックスコープが関係しているように思うのですが

それがletの仕様だというだけで、ブロックスコープは無関係です。

Comments

[maisumakun]

本題ではありませんが、window.nameには特殊な意味がありますので、（特にvarで使用するのは）避けるのが無難です。

https://developer.mozilla.org/ja/docs/Web/API/Window/name

[t-cool]

御助言、ありがとうございます！
JavaScriptのコード上から見えるオブジェクトからは参照できない仕様なのですね。
ありがとうございました！