javascript - 有没有办法将 jquery 函数包装到对象中？

Question

是否有办法将 jquery 函数的范围限制为除使用 main 函数之外的对象:

(function( $ ) {

    $.fn.myLib = function( funcName ) {

        if ( action === "func1") {
            // Open popup code.
        }

        if ( action === "func2" ) {
            // Close popup code.
        }

    };

}( jQuery ));

我想这样做，以便我可以调用这样的函数:

$(el).myLib.func1();
$(el).myLib.func2();

Answer 1

确实没有太多充分的理由尝试这样做:

$(el).myLib.func1();

因为 func1() 执行时 this 指针将是 myLib 并且你将无法访问 $( el)。因此，除非您想要的只是静态方法，否则它对您没有多大好处。如果这就是您真正想要的，那么您可以这样做:

$.fn.myLib = {};
$.fn.myLib.func1 = function(...) {...};
$.fn.myLib.func2 = function(...) {...};

如果您确实希望能够访问 jQuery 对象(我认为是这样)，那么请坚持使用一个级别并使用名称前缀，无论如何，它都会为您提供大约相同级别的名称冲突保护。

$.fn.myLibFunc1 = function(...) {...};
$.fn.myLibFunc2 = function(...) {...};

然后，你可以这样做:

$(el).myLibFunc1();

并且，myLibFunc1 中的 this 指针将是调用它的 jQuery 对象。