javascript - Chrome 13 でグローバルに定義された場所

Question

この行を入力したとき、Chrome 13 で開発者ツールを使用していました。

var location = "Hello";

Enter キーを押すと、ページが変わり、404 エラーが発生しました。アドレスバーHelloが最後のアドレスに追加されました。

過去にまったく同じ行を Chrome に入力したことがありますが、同じ問題は発生していません。場所はだと思いましたwindow.location。

何かが変わったのですか、それともこれまで気づかなかったのですか？

score 2 · Accepted Answer

Chrome のスコープルールが変更された可能性があります。varコンソールをウィンドウスコープとして扱うべきか、謎のコンソールスコープとして扱うべきかは、私にはわかりません。

location という名前の変数を作成する場合は、即時関数を使用するなどして、安全なスコープを作成する必要があります。例えば

(function(){
  var location = "hello";  // safe
})();

score 2 · Accepted Answer

開発者ツールのコンテキストがwindow. 入力thisして内容を確認します。おそらくwindowです。

したがって、次のように入力すると:

var location = "Hello";

既に存在するグローバルスコープ内の変数を再定義しようとしています。ブラウザのグローバルスコープはwindowオブジェクトです。したがって、locationグローバルスコープではと同じwindow.locationです。

すでに存在するオブジェクトを ( を使用して) 再定義しようとしてvarも、javascript ではエラーになりません。var宣言を無視して代入を行うだけです。そして、ロケーションオブジェクトに文字列を割り当てると、新しい Web ページに移動します。

2 に答える 2