在JavaScript或jQuery中创建用户可配置的函数

时间:2013-09-26 09:51:55

标签: javascript jquery jquery-plugins

我读过&了解如何向函数添加参数的a question。我想知道如何使更多的模块化代码和插件更加严格。如何在插件或功能中创建default参数值和用户options

$('.pluginAttachment').yourCoolPlugin({
    parameter1: false, //User added
    //the rest of the options
    //Still adds the rest of the default options except above
});

我知道这些是变量,但我不确定如何将它们作为User参数交织到整个函数中,这可以占用默认值。

1 个答案:

答案 0 :(得分:0)

这是我如何做的一个例子。我喜欢做这种事。使插件易于用户使用,并且易于逐步增强。

(function ($) {
$.fn.yourCoolPlugin = function(options) {
        // Extend our default options with those provided.
        // Note that the first arg to extend is an empty object -
        // this is to keep from updating our "defaults" object.
        var opts = $.extend({}, $.yourCoolPlugin.defaults, options);

        // Now your opts variable wil have either the defaults or values passed by the user.
        DoSomething(opts.parameter1, opts.parameter2);
};

$.yourCoolPlugin.defaults = {
    parameter1:false,
    parameter2:"header"     
};
})(jQuery);