javascript - 调用click函数时如何更改变量值？

Question

每当我单击 a 链接时，我都想将检查值从 false 更改为 true。到目前为止，我还没有找到任何关于如何执行此操作的建议

<a href="#" class="click"></a>
<a href="#" class="click">Click Me</a>

let check = false;

document.querySelectorAll('.click').forEach(item => {
  item.addEventListener('click', event => {
    check = true;
  });
});

console.log(check);

Answer 1

您的 console.log() 是在您分配 onclick 事件之后执行的，而不是在调用它之后执行的 - 因此您记录的唯一内容是checked 的值在脚本的开头

我已将 console.log() 移至函数内部，并且还添加了一个单独的按钮，以便您可以确认 check 的值在全局范围内已更改

let check = false;

document.querySelectorAll('.click').forEach((item) => {
  item.addEventListener('click', (event) => {
   check = true;
   
   // Check value has changed
   console.log(check);
  });
});

<a href="#" class="click"></a>
<a href="#" class="click">Click Me</a>

<br>
<button style="margin-top: 10px" onclick="console.log(check);">Console.log(check)</button>