不带括号调用jquery扩展

Question

我有这样写的jQuery扩展:

$.fn.GetBootstrapDeviceSize = function() {
var cMobileSize = $('#users-device-size').find('div:visible').first().attr('id');
return (cMobileSize === "xs" || cMobileSize === "sm");

}

为了调用它,我使用:

$().GetBootstrapDeviceSize()

有没有办法像这样调用这个相同的函数:

$.GetBootstrapDeviceSize()

或者甚至可能是这样的:

$.GetBootstrapDeviceSize

Answer 1

有没有办法像这样调用这个相同的函数:

$.GetBootstrapDeviceSize()

是的,穿上它$,而不是$.fn:

    $.GetBootstrapDeviceSize = function() {
 // ^^
    var cMobileSize = $('#users-device-size').find('div:visible').first().attr('id');
    return (cMobileSize === "xs" || cMobileSize === "sm");
    }

或者甚至可能是这样的:

$.GetBootstrapDeviceSize

是的,但它可能不是最好的做法.你可以通过在以下方面为该属性创建一个getter来实现$:

Object.defineProperty($, "GetBootstrapDeviceSize", {
    get: function() {
        var cMobileSize = $('#users-device-size').find('div:visible').first().attr('id');
        return (cMobileSize === "xs" || cMobileSize === "sm");
    }
});

然后访问$.GetBootstrapDeviceSize将运行该函数并为您提供返回值.我可能只是称之为BootstrapDeviceSize,因为你正在访问它,好像它不是一个方法,所以名词而不是动词是有道理的.