一个诡异的bug：window作用域导致的问题

我要写一个动态添加与移除的鼠标事件，代码如下：

<script>
var node = document.getElementById("node");
node.addEventListener("mousedown", function() {
	document.addEventListener("mouseup", onmouseup);
});
var onmouseup = function(e) {
	console.log("mouse up");
	document.removeEventListener("mouseup", onmouseup);
};
</script>

结果发现，该事件无法移除。而且诡异的是，不点击 node 元素，鼠标抬起时，控制台也输出了 mouse up 字符串。

后来我对 onmouseup 做了修改：

function onmouseup(e) {
	console.log("mouse up");
	document.removeEventListener("mouseup", onmouseup);
};

就没问题了。

我想了想，明白过来了。

在 script 标签中的所有顶级变量，实际上都位于 window 这个名字下。也就是说，我用 var onmouseup 定义一个函数，相当于这么做：

window.onmouseup = function() { };

这相当于给 window 元素添加事件。

如果这样的话，那么只需要该名字就好了：

var onNodeMouseUp = function() { }