return function from Javascript class object

Question

I have modularized my Javascript code in this style:

var groupHandler = function( constructorOptions )
{
    "use strict";

    var init = function( optionsToSet )
    {
        jQuery.extend( options, optionsToSet);
        return this;
    };


    var newGroup = function()
    {

    }

    var call = {
        init: init,
        options: options,
        newGroup: newGroup
    };

    if(typeof myPublicTestNamespace == "undefined"){//http://stackoverflow.com/a/9172377/123594
        return {
            init: init,
            newGroup: newGroup
        };
    }else{
        return call;
    };

    init( constructorOptions );
};

In one of my modules I have a list of functions from other modules to call like this:

validatorFunctions = call.getLocalStorageArray( 'validatorFunctions', model);
for (var f=0;f < validatorFunctions.length;f++){
    if (callFunction = call.getFunction( validatorFunctions[f] )){
        valid = callFunction( loopRowId, fields, call );
        if (!valid) break;
    }
}

I'd like to be able to call functions in other modules by using a "." syntax in my function call name:

var getFunction = function( functionName )
{
    if (functionName.indexOf( '.' ) != -1){
        var functionParts = functionName.split( '.' );
        var classFunction = functionParts[1];
        if (typeof window[functionParts[0]] === "function") {
            var obj = new window[functionParts[0]]();
            return obj['classFunction'];                       <!----- how to return function here?
        }
    }else{
        if (typeof (window[functionName]) === "function") {
            return window[functionName];
        }
    }
    return false;
};

but I can't figure out how to return the function based on the class object and the function name?

what is the obj when you alert this? var obj = new window[functionParts[0]](); — Diego Polido Santana
– Diego Polido Santana, Commented Apr 21, 2016 at 2:09
It seems like you're probably looking for something like obj[classFunction] instead of obj['classFunction'], but all of this code is very difficult to follow. I would highly recommend looking into a real module system like Node-style CommonJS modules, and a bundler like Browserify if you need it to run it in the browser. — JMM
– JMM, Commented Apr 21, 2016 at 2:30
@JMM so simple! Thanks, please add an answer I can accept. I will certainly look at better options. — jdog
– jdog, Commented Apr 21, 2016 at 2:52
Your groupHandler function doesn't make a lot sense. options is undefined, and you're calling init after having returned. What exactly is this code supposed to tell us? — Bergi
– Bergi, Commented Apr 21, 2016 at 2:54

JMM · Accepted Answer · 2016-04-21 03:00:13Z

1

+50

It's possible that part or all of the problem is this:

return obj['classFunction'];

// ^^ Equivalent to obj.classFunction. In other words, reading a property
// called `classFunction`, not reading a property whose name is the value
// of the `classFunction` variable you set.

I haven't analyzed the code enough to fully understand it, but based on the context it seems that you'd mean this:

return obj[classFunction];

answered Apr 21, 2016 at 3:00

JMM

26.9k3 gold badges53 silver badges56 bronze badges

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

2 Comments

Bergi Over a year ago

Wow, this really seems to make the entire question a dupe of stackoverflow.com/questions/4968406/… :-)

jdog Over a year ago

sorry @bergi - I would have loved to know that earlier as well ;)

Collectives™ on Stack Overflow

return function from Javascript class object

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related