javascript - Javascript undefined variable ，基本html形式

Question

我已经为此苦苦挣扎了大约一个小时，并重写了大约三次，我一生都无法弄清楚问题是什么，无论输入什么，除了名称之外的一切字段将返回一个值，但是name将仅返回未定义。我已经检查过很多次了，我已经复制+粘贴+修改了工作中的内容，我找不到一个拼写错误......这是怎么回事？

Item Name: <input type="text" id="item_name" placeholder="Enter a price..."/> </br>
Item Price: <input type="text" id="item_price" placeholder="Enter a price..."/> </br>
Item Description: <input type="text" id="item_description" placeholder="Enter a description..."/> </br>
Item Image(link): <input type="text" id="item_image" placeholder="Enter a image link..."/> </br>
rsid: <input type="text" id="rs_item_id" placeholder="Enter a item id..."/> </br>
rsam: <input type="text" id="rs_item_amount" placeholder="Enter a item amount..."/> </br>
<button id="update">Update item</button>
<script>
    var name    = document.getElementById("item_name");
    var price   = document.getElementById("item_price");
    var desc    = document.getElementById("item_description");
    var img     = document.getElementById("item_image");
    var rsid    = document.getElementById("rs_item_id");
    var rsam    = document.getElementById("rs_item_amount");
    var button  = document.getElementById("update");
    button.addEventListener("click", function() {
        alert("Name = " + name.value + "\n" 
            + "Price = " + price.value + "\n" 
            + "Desc = " + desc.value + "\n" 
            + "Img = " + img.value + "\n" 
            + "rsid = " + rsid.value + "\n" 
            + "rsam = " + rsam.value + "\n");
    });
</script>

Answer 1

问题是，因为您将它们设为全局变量，所以 name 与 window.name 属性发生冲突。

使用不同的变量名称或创建闭包都可以