javascript - js函数调用时绑定事件监听的几个疑问
本文介绍了javascript - js函数调用时绑定事件监听的几个疑问的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
比如下面的代码，我调用了两个函数，用document来监听滚动事件，同时让其输出传入的参数，现在我有几个疑问。
①等页面加载后为什么会同时输出d1和d2两个对象?
②这是不是属于一个闭包同时造成了内存泄漏?
③这样的方法好不好?如果不好，我想写一个公共的方法并复用应该怎么做
<body style="height:1500px;">
<div id="d1"></div>
<div id="d2"></div>
<script>
var a = document.getElementById('d1');
var b = document.getElementById('d2');
function abc(dos) {
document.addEventListener('scroll', function () {
console.log(dos);
});
}
abc(a);
abc(b);
</script>
</body>解决方案
1、调用了两次abc函数，给document添加了两次监听。所以会同时输出d1和d2
2、abc中的addEventListener使用了闭包。只要不从文档流中移除d1和d2就不会出现内存泄漏，坏的影响是浪费资源（因为每监听一次就要申请一个匿名函数）
3、如果想为一个对象添加唯一类型事件处理，添加前要不先移除事件监听，要么设置标记看是不是是否已监听，如果已监听就return。监听处理写个声明式函数、或者用函数表达式赋值给变量比较好些，这样移除事件监听方便些。
这篇关于javascript - js函数调用时绑定事件监听的几个疑问的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
