Javascriptのグローバル変数の仕様は、DOM要素から初期化されていますか？

Question

Javascriptイベントデリゲートhttps://javascript.info/event-delegationの非常に一般的なコード例では、変数 "menu"がどこから来るのか混乱しています（http://plnkr.co/edit/91Q9jINXlue2fXiB0fAY?p=preview）。変数はコンストラクタに渡されますが、初期化されることはありません。まだこれは私には本当に混乱して私は長い時間のためにJavascriptを行ってきた

<div id="menu">...</div> 
<script> 
... 
new Menu(menu); /* Who initializes "menu". 
... 
</script> 

：自動的にこのdiv要素から作成された変数「メニュー」が表示されます。私はこの質問を一般化する方法もわかりません。

通常、div要素を取得するためにdocument.getElementById（ "menu"）を実行します。これらの変数はどこで初期化されていますか？また、これらの変数についてはどうすればわかりますか？仕様はありますか？それは、この行から来て

Answer 1

この変数は、ブラウザとウィンドウ要素のメンバーによって自動的に生成されます。

HTML5の標準は、ウィンドウオブジェクトプロパティを持っている必要があることを指定正確に一つのDOM要素があり

• 値があればelemはあるキー ... そのプロパティid elemはは値鍵を持っています。
• 正確に1つのDOM要素がありますelemのプロパティnameの値はキーです。 a、applet、area、embed、form、frame、frameset、iframe、img、object：ELEMのタグは、のいずれかでなければなりません。

仕様はここで見つけることができます：Aparantly https://html.spec.whatwg.org/#named-access-on-the-window-object

Answer 2

：

<div id="menu">...</div> 

ブラウザは、自分のid属性に対応する名前を持つグローバル変数としてDOM要素を公開します。これは非常に良い習慣ではありませんが、エラーを起こしやすく混乱するので、避けることをお勧めします。

Answer 3

Iは、同じidの要素の値をとります。 [ウェブハイパーテキスト応用技術ワーキンググループ（WHATWG）]で指定されたよう

<div id="menu"> 

:(https://html.spec.whatwg.org/#named-access-on-the-window-object）

window[name] 

戻り値が示さWindowオブジェクトに対するアクセスを名前付き

7.3.3要素または要素の集合。

一般的なルールとして、これに依存すると脆いコードにつながります。どのIDがこのAPIへの最終的なマッピングになるかは、たとえば、Webプラットフォームに新しい機能が追加されるなど、時間とともに変化します。代わりにdocument.getElementById()またはdocument.querySelector()を使用してください。