How to call a javaScript Function

Question

I have a function onChangeBrand() in A.js and there is a same name in B.js.

So how to avoid this situation? There is a constraint - I can't change the function names. and i am not allowed to edit both the Js files so namespace is not a right idea for me.

Can we call something like A.onChangeBrand() or B.onChangeBrand()?

Are you able to put your js code on the page between the script tags loading these files? — Cheery
– Cheery, Commented Feb 10, 2012 at 7:16
My nickname is slightly different. And the second question - do these functions have calls from those files or only you are using them? — Cheery
– Cheery, Commented Feb 10, 2012 at 7:20
This has nothing to do with Java. Please read the description of tags applied to posts. — Andrew Thompson
– Andrew Thompson, Commented Feb 10, 2012 at 7:27
@Cheery, those are part of some API .So apart from me other guys are also using them. — BOSS
– BOSS, Commented Feb 10, 2012 at 7:41

Cheery · Accepted Answer · 2012-02-10 07:47:50Z

1

Ok, if namespaces are not for you and you can put your code in between the script tags loading these files

<script src='a.js'></script>
<script>
var a_onChangeBrand = onChangeBrand; // copy the function
</script>
<script src='b.js'></script>

after that a_onChangeBrand() will call the function from a.js and onChangeBrand() from b.js

But nothing will help you if some functions in those a.js and b.js are also using these functions - they might call function from the last file loaded.

edited Feb 10, 2012 at 7:47

answered Feb 10, 2012 at 7:22

Cheery

16.3k45 silver badges58 bronze badges

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

1 Comment

BOSS Over a year ago

This is Something out of the box thought. Thanks @Cheery

Community · Accepted Answer · 2017-05-23 11:48:00Z

1

Check how to use namespaces in JavaScript if you can edit these two files a.js and b.js then you can declare namespaces. See best answer here : How do I declare a namespace in JavaScript?

edited May 23, 2017 at 11:48

CommunityBot

11 silver badge

answered Feb 10, 2012 at 6:58

Davide Piras

44.7k10 gold badges103 silver badges150 bronze badges

Comments

osahyoun · Accepted Answer · 2012-02-10 07:28:50Z

1

If you don't have access to the source, then the following is a solution (not the prettiest, mind you):

<script src="http://exmpale.com/a.js"></script>
<script>
 A = { onChangeBrand:onChangeBrand };
</script>

<script src="http://exmpale.com/b.js"></script>
<script>
 B = { onChangeBrand:onChangeBrand };
</script>

The two functions are now namespaced and can be invoked like so:

A.onChangeBrand();     
B.onChangeBrand();

answered Feb 10, 2012 at 7:28

osahyoun

5,2332 gold badges19 silver badges15 bronze badges

Comments

Shashank Kadne · Accepted Answer · 2012-02-10 06:58:38Z

0

You can do this to one of your function..

var myNS = new (function() {

    this.onChangeBrand= function() {
        alert('hello!');
    };

})();

and then call myNS.onChangeBrand();

Similarly use myNS2 for other function. These are called as namespaces.

answered Feb 10, 2012 at 6:58

Shashank Kadne

8,1017 gold badges43 silver badges54 bronze badges

Collectives™ on Stack Overflow

How to call a javaScript Function

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related