How to pass a global variable as parameter by reference in javascript - Stack Overflow

admin管理员组

文章数量:1345166

I need a global variable "window.myHub" to set which is passed on as parameter to a function(SignalRSetUp) as below: The way it is passed on right now, doesn't set it ! How could this be resolved ?

var args = {
            "userObjectId": UserObjectId,
            "hubURL": LCSHubApiURL,
            "hubName": HubProxyName,
};
var callBackFuncs = {
            "ping": PingFunc
};

window.myHub;
var signalRSetUp = new SignalRSetUp(args,callBackFuncs, window.myHub);

---

SignalRSetUp(argObj,eventFuncs,globalVar)
{
     var $self = this;
     var connection = $.hubConnection(argObj.hubURL);
     var hub = connection.createHubProxy(argObj.hubName);
     hub.connection.qs = { "objectid": argObj.userObjectId };

     //Wire : Call back functions and the Hub events
     for (var e in eventFuncs) {
         hub.on(e, eventFuncs[e]);
         //hub event fail
     }

     connection.start()
     .done(function () {
         globalVar = hub;
     }).fail(function (error) {
         console.log('Could not Connect!');
     });
}

I need a global variable "window.myHub" to set which is passed on as parameter to a function(SignalRSetUp) as below: The way it is passed on right now, doesn't set it ! How could this be resolved ?

var args = {
            "userObjectId": UserObjectId,
            "hubURL": LCSHubApiURL,
            "hubName": HubProxyName,
};
var callBackFuncs = {
            "ping": PingFunc
};

window.myHub;
var signalRSetUp = new SignalRSetUp(args,callBackFuncs, window.myHub);

---

SignalRSetUp(argObj,eventFuncs,globalVar)
{
     var $self = this;
     var connection = $.hubConnection(argObj.hubURL);
     var hub = connection.createHubProxy(argObj.hubName);
     hub.connection.qs = { "objectid": argObj.userObjectId };

     //Wire : Call back functions and the Hub events
     for (var e in eventFuncs) {
         hub.on(e, eventFuncs[e]);
         //hub event fail
     }

     connection.start()
     .done(function () {
         globalVar = hub;
     }).fail(function (error) {
         console.log('Could not Connect!');
     });
}

• javascript
• pass-by-reference

Share Improve this question Follow edited Feb 23, 2024 at 10:03 Lakshitha Kanchana 1,23533 gold badges1818 silver badges3838 bronze badges asked Jun 12, 2015 at 6:48 user2837167user2837167 23111 gold badge55 silver badges1515 bronze badges 10

• 2 Window.myHub has the value undefined, so that is the value you are passing to SignalRSetUp and is assigned to globalVar. You can't pass a reference to a variable, you can only pass its value (noting that when you assign an object to a variable, the value assigned is a reference to the object). – RobG Commented Jun 12, 2015 at 6:50
• please set window.myHub = {}; and then see the the result – Mudaser Ali Commented Jun 12, 2015 at 6:53
• Why would you do this at all? Why can't you simply return hub from that function? – Bergi Commented Jun 12, 2015 at 6:54
• @Bergi Also it's a constructor, you can't return things from them. – Lexi Commented Jun 12, 2015 at 6:56
• possible duplicate of Does JavaScript pass by reference? – Jonathan Commented Jun 12, 2015 at 7:00

 |  Show 5 more ments

4 Answers 4

Sorted by: Reset to default 5

Javascript always work with pass by value. And when you give window.myHub as parameter to the function, you actually get a reference to the object (value) in memory referred by window.myHub.

But what's not working in your code, is that you're reassigning the referenced object in memory pointed by globalVar:

globalVar = hub;

which then has globalVar referring to whatever is in hub. i.e.: you're not changing the value of the referred value, you're changing what it points to.

If you do:

var signalRSetUp = new SignalRSetUp(args,callBackFuncs, window);

and then in your code:

SignalRSetUp(argObj,eventFuncs,aWindow) {
    //...
    aWindow.myHub = hub;
    //...
}

then you'll be replacing the referenced value of the member myHub within the object aWindow.

Considering that window.myHub is containing undefined, then what you actually do is passing undefined as globalVar, and then changing where globalVar points to:

here's your variables when you start:

memory: [xxxxxxxxxxx]
              ^
              |
         window.myHub

Then you call the function SingalRSetUp:

          globalVar
              |
              v
memory: [xxxxxxxxxxx]
              ^
              |
         window.myHub

Then you assign something else to globalVar:

                     globalVar
                         |
                         v
memory: [xxxxxxxxxxx|yyyyyyyyyyy]
              ^
              |
         window.myHub

When I suggest that you pass any sort of mutable object (whether this is an array, or an object), then you can use the fact that you're referencing this object throughout your program, and it will be responsible to be some sort of "registry" (maybe can we find a better word for that) of the right references:

          aWindow     aWindow.myHub
              |          |
              v          v
memory: [xxxxxxxxxxx|yyyyyyyyyyy]
              ^          ^
              |          |
            window    window.myHub

That said, the whole purpose of a global variable — such as window — is that it can be accessed from any place in the program, and you could simply avoid to pass it as a parameter, as @NLN suggests, you can simply access it from within the function.

window.myHub is being passed as undefined to SignalRSetUp() since you havnt initialized it before passing.

window.myHub = "default value";

More importantly, since myHub is global to window scope, you dont need to pass it in the function. It'll be available in SignalRSetUp() straightaway.

Cheers!

You are passing by value when sending in window.myHub. Send in the parameter as "window" if you want to have pass by reference.

For e.g.

SignalRSetup(argObj,eventFuncs,globalVar) {
       .....
       globalVar.myHub = hub
}

var signalRSetUp = new SignalRSetUp(args,callBackFuncs, window);
// Now window.myHub will have the value from the method

A good reference is here

You can do it by passing the name of the variable, then accessing it as a property of the global object, so:

// Create global
var myHub;
var globalObj = this;

// Pass property name as a string and object to resolve it on 
// as a reference
var signalRSetUp = new SignalRSetUp(args,callBackFuncs, 'myHub', globalObj);

// Resolve in callback
function SignalRSetUp(argObj, eventFuncs, globalVarName, globalVarObj)
{
    ...
            .done(function () {
                globalVarObj[globalVarName] = hub;
            })
    ...
}

You could not pass the global object and just assume it's the same one (probably extremely likely but if you use frames might be required) but you might want to change it to some other object to avoid the global, in which case you might just pass the object around and maybe also give it a method to get and set the property.

本文标签： How to pass a global variable as parameter by reference in javascriptStack Overflow