Appeler un nom de fonction JavaScript en utilisant une chaîne?

Question

Comment puis-je associer un événement à un nom de fonction que j'ai défini en tant que chaîne?

J'utilise Prototype.js, bien qu'il ne s'agisse pas de Prototype-speficic.

 $(inputId).observe('click', formData.fields[x].onclick);
 

Cela aurait pour conséquence que JavaScript se plaint que mon gestionnaire n'est pas une fonction. Je préférerais ne pas utiliser eval() .

Answer 1

Si la fonction est dans la portée globale, vous pouvez l'obtenir en utilisant l'objet window:

 var myFunc = window[myFuncName];
 

Answer 2

J'ai travaillé sur ce problème, car j'avais besoin d'une fonction comme celle-ci. Voici mon code sandbox, non testé de manière approfondie, mais qui peut constituer un point de départ pour d’autres. Notez qu'il y a un eval () dans le code car je ne pouvais pas comprendre comment contourner cette étape, peut-être une erreur javascript et ne peut pas être réalisée autrement. Faites-moi savoir s'il existe un moyen de vous débarrasser de eval () ici!

 executeFunctionByName = function(functionName)
{
    var args = Array.prototype.slice.call(arguments).splice(1);
    //debug
    console.log('args:', args);

    var namespaces = functionName.split(".");
    //debug
    console.log('namespaces:', namespaces);

    var func = namespaces.pop();
    //debug
    console.log('func:', func);

    ns = namespaces.join('.');
    //debug
    console.log('namespace:', ns);

    if(ns == '')
    {
        ns = 'window';
    }

    ns = eval(ns);
    //debug
    console.log('evaled namespace:', ns);

    return ns[func].apply(ns, args);
}


core = {
    paragraph: {
        titlebar: {
            user: "ddd",
            getUser: function(name)
            {
                this.user = name;
                return this.user;
            }
        }
    }
}

var testf = function()
{
    alert('dkdkdkd');
}

var x = executeFunctionByName('core.paragraph.titlebar.getUser', 'Ikon');
executeFunctionByName('testf');
 

Answer 3

... ou ce [myFuncName];

Answer 4

Peut-être?

 setTimeout ( "myFunc()", 1 );
 

Answer 5

window.myFunction === window["myFunction"]