入力id予約語

Question

私はここで質問に答えようとしていて、わかりやすいと思われるもので自分の苦労を感じました。
は、このHTMLを考えてみましょう：

<input type="text" id="width" value="foo" /> 
 
<input type="button" value="width.value" onclick="console.log(width.value)"/> 
 
<input type="button" value="window.width.value" onclick="console.log(window.width.value)"/>

我々はそれがないすべての入力の値を記録しているonClickイベントがありwidthのidと2つのボタンとinputを持っています。それらの間の違いは、ある入力が変数として直接入力のIDにアクセスし、もう1つがwindow.width.valueによってそれを実行していることです。
ここで驚くべき部分は、window.width.valueのみが動作し、もう1つがundefinedを返すことです。

JavaScriptの予約語を検索しましたが、widthについては何も見つかりませんでしたが、それはheightキーワードでも同じです。
何が欠けていますか？

Answer 1

メソッドがbuttonオブジェクトで呼び出されています。したがって、ウィンドウのwidthプロパティを指定する場合を除いて、ボタンオブジェクトのwidthプロパティによってシャドーされます。この場合、ボタンの幅にはvalueプロパティがありません。