I have the following JavaScript pattern for creating a simple plugin:
(function(window, document, $) {
function method_1(){
}
function method_2{}
{
}
})(window, document, jQuery);
I want to have the ability to access my plugin and plugin methods in the following way:
myplugin.method_1();
myplugin.method_2();
How do I update my existing plugin pattern to enable this?!
NOTE: It has to maintain a self-executing format i.e. no variable declarations.
You could try something like this fiddle, which returns an object that includes the public functions for the plugin.
var myPlugin = (function(window, document, $) {
function privateFunction() {
}
return {
method_1: function () {
},
method_2: function () {
privateFunction(); // This works
}
};
}(window, document, jQuery));
myPlugin.method_1();
myPlugin.method_2();
myPlugin.privateFunction(); // This will throw an error
The following pattern seems to work perfectly for my requirements:
(function(root, name, make){
var $ = root['jQuery'] || root['Zepto'];
if (typeof module != 'undefined' && module['exports']) module['exports'] = make($);
else root[name] = make($);
}(window, 'myPlugin', function($) {
function method_1(){
}
function method_2{}
{
}
var myPlugin = {
method_1: method_1,
method_2: method_2
};
return myPlugin;
}));
