はなぜChromeは使用しない `インラインイベントのためWITH`

Question

あなたがChromeでthis fiddleを見て、あなたがこれを見ることができます開くJSコンソールでトリガテキストをクリックした場合：

が理由は何ですかそれらのすべてのwithブロックとその価値は何ですか？

Answer 1

HTMLの「onclick」属性として指定されている場合、ブラウザがイベントハンドラの関数を作成する方法と同じように見えます。私は何ことがないことだと思う：

• イベントオブジェクトとあなたの供給コードのための単一のパラメータを持つイベントハンドラ関数を作ります。
• 要素のプロパティ（<a>タグ）、空のオブジェクト（？）、およびドキュメントオブジェクトは、その関数内のコードで使用可能なシンボルとして表示されます。 、this[0]ある

this[1]

は空のオブジェクトインスタンスのように見え、そしてthis[2]がドキュメントオブジェクトである、<a>素子自体です。これが意味することは、コードでは "onfoo"イベントハンドラ属性の一部として（そしてではなく、普通のイベントハンドラ内のコードはストレートJavaScriptコードからバインドされています）、ターゲット要素のプロパティを参照することが可能です。属性を設定する要素）と、文書要素のプロパティがあたかもスコープチェーン内にあるかのようにします。

あなたがコードを少し変更した場合：

$('<a href=# onclick="console.log(baseURI);"> ... 

を、あなたは<a>要素の「基底URI」プロパティの値を取得します。 <a>要素のDOMノードを明示的に参照するものを "baseURI"の前に置く必要はありません。いくつかの囲いの範囲でvarと宣言されたかのようにちょうど "そこに"あります。

（...今W3Cの仕様をチェックする）編集 —私はシンボルがイベントハンドラ内のスクリプトコードが利用できるようになっているものを規定している何かを発見していません。これは本当に奇妙です。

編集再び — Firefoxは、私はどこにも明示的with文が表示されていないものの、同じことをやっているようです。

Answer 2

withスコープスタックの上に引数を移動します。だから、グローバルオブジェクト、ファンクションパラメータなどよりもさらに高いです。なぜ彼らがそれを使うのか分かりません。おそらくそれは生成されたコードです。