javascript - 在 JavaScript 或 jQuery 中制作用户可配置的函数

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可以优先于默认值的参数交织到整个函数中。

Answer 1

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

(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);