javascript - 如何将变量的值而不是引用传递到 Javascript 中的函数中

Question

如果我使用下面的代码，警报将显示 10。我希望它显示 5。

var a = 5;
var b = document.getElementById("element").onclick = ()=>alert(a);
a = 10;

如何创建一个事件监听器，该事件监听器使用变量创建时的值，而不是使用稍后修改值时会更改的引用 ？

Answer 1

使用 IIFE 捕获 a 的当前值。

var a = 5;
document.getElementById("element").onclick = ((x) => ()=>alert(x))(a);
a = 10;

<button id="element">Click</button>