Existe-t-il un moyen de créer une fonction à partir d'une chaîne de caractères avec javascript ?

Question

Par exemple ;

var s = "function test(){
  alert(1);
}";

var fnc = aMethod(s);

Si c'est la chaîne, je veux une fonction qui s'appelle fnc. Et fnc(); L'écran d'alerte s'affiche.

eval("alert(1);") ne résout pas mon problème.

Answer 1

Une meilleure façon de créer une fonction à partir d'une chaîne de caractères est d'utiliser la méthode suivante Function :

var fn = Function("alert('hello there')");
fn();

Cela présente l'avantage et l'inconvénient que les variables de la portée actuelle (si elles ne sont pas globales) ne s'appliquent pas à la nouvelle fonction construite.

Le passage d'arguments est également possible :

var addition = Function("a", "b", "return a + b;");
alert(addition(5, 3)); // shows '8'

Answer 2

J'ai ajouté un test jsperf pour 4 façons différentes de créer une fonction à partir d'une chaîne de caractères :

• Utilisation de RegExp avec la classe Function

  var func = "function (a, b) { return a + b; }".parseFunction();

• Utiliser la classe Function avec "return"

  var func = new Function("return " + "function (a, b) { return a + b; }")();

• Utilisation du constructeur officiel de la fonction

  var func = new Function("a", "b", "return a + b;");

• Utilisation d'Eval

  eval("var func = function (a, b) { return a + b; };");

http://jsben.ch/D2xTG

2 échantillons de résultats :

Answer 3

Vous êtes assez proche.

//Create string representation of function
var s = "function test(){  alert(1); }";

//"Register" the function
eval(s);

//Call the function
test();

Voici un violon de travail .

Answer 4

Oui, en utilisant Function est une excellente solution mais nous pouvons aller un peu plus loin et préparer un analyseur universel qui analyse les chaînes de caractères et les convertit en fonctions JavaScript réelles...

if (typeof String.prototype.parseFunction != 'function') {
    String.prototype.parseFunction = function () {
        var funcReg = /function *\(([^()]*)\)[ \n\t]*{(.*)}/gmi;
        var match = funcReg.exec(this.replace(/\n/g, ' '));

        if(match) {
            return new Function(match[1].split(','), match[2]);
        }

        return null;
    };
}

des exemples d'utilisation :

var func = 'function (a, b) { return a + b; }'.parseFunction();
alert(func(3,4));

func = 'function (a, b) { alert("Hello from function initiated from string!"); }'.parseFunction();
func();

aquí est jsfiddle

Answer 5

Noms de fonctions dynamiques dans JavaScript

Utilisation de Function

var name = "foo";
// Implement it
var func = new Function("return function " + name + "(){ alert('hi there!'); };")();
// Test it
func();
// Next is TRUE
func.name === 'foo'

Source : http://marcosc.com/2012/03/dynamic-function-names-in-javascript/

Utilisation de eval

var name = "foo";
// Implement it
eval("function " + name + "() { alert('Foo'); };");
// Test it
foo();
// Next is TRUE
foo.name === 'foo'

Utilisation de sjsClass

https://github.com/reduardo7/sjsClass

Exemple

Class.extend('newClassName', {
    __constructor: function() {
        // ...
    }
});

var x = new newClassName();
// Next is TRUE
newClassName.name === 'newClassName'