Reference Error in javascript plugin

Question

I am creating some basic plugin and i am getting Reference error. Below is my code

jQuery.fn.validate = function(options) {
  var _self = this;
   // with below call I gets reference error.
  abc();  

    //but if call in below it works fine
  _self.on("submit", function(event) {
     abc();  // works fine
  }),

 abc = function () {
   console.log('here);
 }
};

Can someone explain why I am getting this error and how to overcome it. As i need to call some reset and init functions at the begining of the plugin.

You're calling abc() before you have declared it, move the call to abc() below where you declare abc = function() — Ryan Wilson
– Ryan Wilson, Commented Mar 29, 2018 at 20:00
You shouldn't define global names in a plugin, you should make abc a local name. — Barmar
– Barmar, Commented Mar 29, 2018 at 20:02
Possible duplicate of var functionName = function() {} vs function functionName() {} — Taplar
– Taplar, Commented Mar 29, 2018 at 20:03
@Barmar what do you mean by local name ? Can you give me example ? — Aman jaura
– Aman jaura, Commented Mar 29, 2018 at 20:39

user229044 · Accepted Answer · 2018-03-29 20:03:08Z

1

It seems like you're expecting abc to be hoisted, but you're specifically using a syntax that leaves abc undefined until the assignment is executed.

You need to move abc = function ... up above the invocations of abc(), or define the function using function abc() { } which will allow it to be hoisted above your invocations.

Note that, if you simply move the assignment, you should use var abc = function ... and create a local variable, rather than the global abc variable you're currently creating.

answered Mar 29, 2018 at 20:03

user229044♦

241k41 gold badges347 silver badges350 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Aman jaura Over a year ago

ok i got your point but it works when i call _self.on("submit", function(event) { abc(); // works fine }),

user229044 Over a year ago

@Amanjaura Because that is invoked after your assignment, at some point in the future when a button is clicked and that callback is invoked.

Aman jaura Over a year ago

So which approach should i use in plugins while creating function abc = functions or function abc() ? Or is there any better solution on how to create and initialize functions in js plugin. Anyhow thanks for the above explanation.

Collectives™ on Stack Overflow

Reference Error in javascript plugin

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related