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, Feb 10 '12 at 07: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, Feb 10 '12 at 07:20
This has nothing to do with Java. Please ***read the description*** of tags applied to posts. — Andrew Thompson, Feb 10 '12 at 07:27
@Cheery, those are part of some API .So apart from me other guys are also using them. — BOSS, Feb 10 '12 at 07:41

score 1 · Answer 1 · edited May 23 '17 at 11:48

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 '17 at 11:48

Community

1
1

answered Feb 10 '12 at 06:58

Davide Piras

43,984
10
98
147

Cheery · Accepted Answer · 2012-02-10T07:47:50.667

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 '12 at 07:47

answered Feb 10 '12 at 07:22

Cheery

16,063
42
57

This is Something out of the box thought. Thanks @Cheery – BOSS Feb 10 '12 at 07:55

score 1 · Answer 3 · answered Feb 10 '12 at 07:28

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();

score 0 · Answer 4 · answered Feb 10 '12 at 06:58

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.

How to call a javaScript Function

4 Answers4