Javascript 引用理解

Question

我一直在到处学习 JS 的一些更详细的漏洞，并且有一些事情我需要获得帮助。

;(function($){
    $.fn.makeRed1 = function() {
        return $.each(this, function() {
            $(this).css('background-color', '#FF0000');
        });
    }
})(jQuery)


;(function($){
    $.fn.makeRed2 = function() {
        $(this).css('background-color', '#FF0000');
    }
})(jQuery)

两者 这些都能正常工作。为什么？

任何谈论编写插件的人总是说要使用“return each”方法。是什么原因？我需要有人准确地告诉我使用这些方法时会发生什么，这样我才能理解流程。

谢谢。

Answer 1

在第一种情况下，您显式返回每个函数的结果。 each 函数迭代匹配的元素并将指定的回调应用到每个元素。函数的返回值是匹配被选元素的 jQuery 对象。这允许您以 jQuery 用户期望的方式链接新定义的函数，并将其他 jQuery 函数应用于所选元素。

在第二种情况下，您有一个应用相同回调的简单语句，尽管是直接的。因为您不返回任何内容，所以您无法链接此函数。这打破了 jQuery 范式。