jqueryone函数方法实现

来源：懂视网责编：小采时间：2020-11-27 20:18:43

jqueryone函数方法实现

jqueryone函数方法实现:jquery中有一个方法：one，用途是事件绑定只执行一次就自动解除绑定。源码看了很久头晕，决定自己搞一个。研究了很久，用原生的模拟了一次。我用的名字是once。最初的方法是这样的：function once(dom, event, callback) { // 这一步是为了避免修

推荐度：

点击下载本文 文档为doc格式

导读jqueryone函数方法实现:jquery中有一个方法：one，用途是事件绑定只执行一次就自动解除绑定。源码看了很久头晕，决定自己搞一个。研究了很久，用原生的模拟了一次。我用的名字是once。最初的方法是这样的：function once(dom, event, callback) { // 这一步是为了避免修

jquery中有一个方法：one，用途是事件绑定只执行一次就自动解除绑定。源码看了很久头晕，决定自己搞一个。研究了很久，用原生的模拟了一次。我用的名字是once。

最初的方法是这样的：

function once(dom, event, callback) {
 // 这一步是为了避免修改形参
 var temp = callback;
 dom.addEventListener(event, function() {
 if(temp)
 temp();
 temp = null;
 })
}

这种方法是可以的，但有个问题，事件处理函数依然存在，只是什么都不执行而已，久而久之会变得十分臃肿。

替代方法变成在处理函数里解除本身，但如果用匿名函数的话，会陷入可怕的无限递归。

用变量存储的话就能解决了。

function once(dom, event, callback) {
 var handle = function() {
 callback();
 dom.removeEventListener(event, handle);
 }
 dom.addEventListener(event, handle)
}

闲暇娱乐之作，希望能帮到一些人。

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

jqueryone函数方法实现

推荐度：

点击下载本文 文档为doc格式

标签：方法 one 函数

热门焦点

jqueryone函数方法实现

jqueryone函数方法实现

jqueryone函数方法实现

最新推荐

猜你喜欢

热门推荐