javascript奇怪的错误

Question

我遇到了一个奇怪的问题!

我有这个代码:

<script>
  window.PRICES = {
    'Gold' : { 10: 299, 20: 400, 100: 1745, },
    'Coins': { 10: 300, 40: 355, 1000: 30000, },
  };
</script>
<script>
function pick(i,n) {
  document.getElementById("Item").innerHTML = i+" "+n;
  document.getElementById("Price").innerHTML = (window.PRICES)[i][n];
}
</script>

函数 pick 由 select 的 onchange 事件调用:

<select name="Gold" onchange="pick(this.value,this.name)">
  <option value="10">10 Gold</option>
  <option value="20">20 Gold</option>
  <option value="100">100 Gold</option>
</select>

但是当我更改值时，我得到“Uncaught TypeError: Cannot read property 'Gold' of undefined”但是 window.PRICES 不是未定义的!怎么了？

PS:我可以使用 GC 控制台调用 pick('Gold','10')!!!

Answer 1

onchange 的参数顺序处理程序已切换。应该是pick(this.name, this.value) ，因为您正在访问 PRICES name 对象首先 ，只有然后 value ，就像在您的示例中一样 pick('Gold', '10') .