Question

im a php guy, right now im learning on making my first plugin

heres what im upto

$.plugin.method({ 
    test: 'helloworld'
});

$.plugin.method({ 
    test: 'another helloworld'
})  

heres my function or class ?

// class ?
jquery.plugin = function(){
    // variables
    var test = [];

    // function ?
    var method = function(params){
        test[] = params['test']
    }
    console.log(test)
}

what im expecting

test = ['helloworld','another helloworld']

can we do that in javascript ? am i getting it right ?

thanks!

Answer 1

In your example you made plugin a function, but in the first snippet you are calling $.plugin.method() and not $.plugin().

You’d have to make plugin an object with a method property:

(function($) {

    // variables
    var test = [];

    $.plugin = {
        method: function(params){
            test.push(params['test']);
            console.log(test)
        }
    }

}(jQuery));

The immediate function ensures that test is only visible to $.plugin itself. You cannot access it from the outside. If you want to do that, you have to make it a property of $.plugin:

$.plugin = {
    test: [],
    method: function(params){
        this.test.push(params['test']);
        console.log(test)
    }
}

---

I suggest you first read a JavaScript guide ^{[MDN guide]} to learn the basics about functions ^{[MDN guide]} and objects ^{[MDN guide]}.