External JS not defined

Question

I've got a main JS script which looks something like this..

;(function ($) {

<main javascript>

}(jQuery));

I've just created my own external library script which looks like this..

;(function ($) {

var myClass = function() {
    <code>
};

}(jQuery));

What I want to do is pass my external library into the main JS script, to look something like this:

;(function ($, myClass) {

<main javascript>

}(jQuery, myClass));

However it says that myClass is undefined. How do I go about defining it?

(In terms of how I'm inserting the code it's using register/enqueue script with Wordpress. Both files are "active" so if I was to throw an alert into them both then they'd both get fired off, I'm just struggling with linking the two together so that I can use the scripts inside myClass whilst within my main JS file).

Thanks

Community · Accepted Answer · 2017-05-23 12:14:25Z

2

myClass is defined within the scope of

(function ($) {
  ...
}(jQuery));

so unless the code in that library does

this.myClass = myClass;

or something else to explicitly export it into the global scope then there is no way to reference it from your main script.

How do I declare a namespace in JavaScript? has a lot of discussion on the pros & cons of various ways of exposing an interface to other code in JavaScript.

edited May 23, 2017 at 12:14

CommunityBot

11 silver badge

answered May 23, 2015 at 16:39

Mike Samuel

121k30 gold badges230 silver badges255 bronze badges

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

1 Comment

Mike Samuel Over a year ago

@user1157885, please see my edit that includes links to relevant discussions.

Collectives™ on Stack Overflow

External JS not defined

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related