Chromeコンソール： 'let'と 'var'の違いは？

Question

私はこの奇妙な動作を説明するアニメーションGIFを添付しました。基本的に、私の質問は、同じ範囲で使用すると、Chromeのコンソールでvarとletを別々に扱うのですか？変数を宣言/割り当てした後で、その変数の名前をコンソールに入力しようとすると、Chromeによって自動的に入力され、入力内容を含むドロップダウンリストが表示されます。 letを使用する場合、これは当てはまりません。これはバグですか、機能ですか、またはvarとletについて、JavaScriptには何か不足していますか？

注：私は、の寿命が&であり、即時の範囲内で死ぬことをよく認識しています。

Answer 1

varをコンソールで使用すると、グローバルスコープで実行され、変数がwindowオブジェクトに追加されます。

letをコンソールで使用すると、グローバルスコープで実行されます。グローバルスコープでは、変数がwindowオブジェクトに追加されません。

タイピングを開始すると、オートコンプリートでは、親オブジェクトのプロパティがチェックされ、function,for、whileなどの他の言語構造と一致することが確認されます。

コンソールには、コンテンツが存在しない場合には、親オブジェクトがletがwindowにプロパティを追加しませんので、あなたが探しているプロパティを持っていないであろう、windowです。

オートコンプリートを完了するための新しいオブジェクトを取得すると、動作は期待どおりに戻ります。

> let foo = {bar: 'baz'}; 
> foo.b //autocompletes bar 

---

今、言ったことの全てで、オートコンプリートがそのように動作するようにを持っている理由はありません。多くの点で、letを介してグローバルスコープで定義された変数のオートコンプリートの不足は、「修正」する価値のある「バグ」とみなすことができます。私の意見では、それはやや驚くべき振る舞いです。

Answer 2

varletのみローカルスコープでそれを定義しながら、グローバルスコープに変数を定義します。おそらく、オートコンプリートはターゲットのグローバルスコープを調べるだけです。