时间戳

首页 > 解决方案 > jquery .one() 计算会检查每个事件吗？

javascript - jquery .one() 计算会检查每个事件吗？

问题描述

因此增加了一点计算负载？

对于那些不熟悉.one() jquery 函数的人来说，它基本上只触发一次事件。例如，如果您想在第一次滚动页面时添加一个 div。

为了说明这件事的背景，我遇到了这个问题：

仅第一次使用javascript滚动页面时如何提醒？

我曾参与过必须添加数百或数千个事件的项目，所以对我来说优化计算能力总是非常重要的，另外，我是一个好奇的人，所以我只需要知道。

该人使用香草javascript的答案之一基本上是一个无限循环，您在第一个实例上切换一个布尔值，并且基本上必须不断输入该函数以查看它是否已被触发。

var xxx; 

$(window).scroll(function () {

if(!xxx)
{
    xxx = true;
    var div = $("#myDiv");
    alert(div.height());
}
  });

我的想法是 jquery 在页面上已经很重了，它可能只是在后台执行相同的操作，但我想完全确定我未来的实现。

标签： javascriptjqueryperformanceload

解决方案

不，jQuery 的.one工作方式类似于，例如：

  • 调用addEventListener，然后在回调中调用removeEventListener
  • 在选项对象中调用addEventListenerwith{ once: true }
  • 在 jQuery 中，例如调用.on，然后在回调中调用.off

一旦监听器运行一次，它就会被解除连接；当事件在未来发生时，不会发生进一步的逻辑，因为监听器根本不再连接。

所以对计算资源.one非常轻，即使你添加了很多很多.ones。

你可以看到one 这里的源代码：

    if (one === 1) {
        origFn = fn;
        fn = function (event) {

            // Can use an empty set, since event contains the info
            jQuery().off(event); // <-------------------------------------------------
            return origFn.apply(this, arguments);
        };

        // Use same guid so caller can remove using origFn
        fn.guid = origFn.guid || (origFn.guid = jQuery.guid++);
    }

    return elem.each(function () {
        jQuery.event.add(this, types, fn, data, selector);
    });

wherejQuery()返回一个 jQuery 集合，其中包含与当前选择器匹配的元素。当被调用时，回调被包装在另一个函数执行后立即one调用的回调中。.off

您链接到的答案中的示例代码效率很低，不应该使用，尤其是对于scroll非常频繁触发的事件。

推荐阅读