函数保持返回NaN

Question

窗口加载时，控制台返回索引In。 但是当我运行底部函数时，它返回NaN。

const recentItem = document.querySelector('.recent-item');

var indexIn;

window.onload = function() {
  var indexIn = JSON.parse(localStorage.getItem("indexInStore"));
  var indexOut = JSON.parse(localStorage.getItem("indexOutStore"));
  var indexIn = Number(indexIn);
  console.log(indexIn);
}

var indexIn = indexIn;

recentItem.addEventListener('click', function() {
  console.log(indexIn);
});

Answer 1

你能试一下吗：

const recentItem = document.querySelector('.recent-item');

var indexIn;

window.onload = function() {
  indexIn = Number(JSON.parse(localStorage.getItem("indexInStore")));
  var indexOut = JSON.parse(localStorage.getItem("indexOutStore"));
  console.log(indexIn);
}

recentItem.addEventListener('click', function() {
  console.log(indexIn);
});

你有全局indexIndefined然后你正在“重新定义”它并设置在“onload”函数内。编码不好。