Jak zamienić Łańcuch znaków w wywołanie funkcji JavaScript? [duplikat]

window[settings.functionName](t.parentNode.id);

No need for an eval ()

Oto bardziej ogólny sposób, aby zrobić to samo, jednocześnie obsługując zakresy:

// Get function from string, with or without scopes (by Nicolas Gauthier)
window.getFunctionFromString = function(string)
{
    var scope = window;
    var scopeSplit = string.split('.');
    for (i = 0; i < scopeSplit.length - 1; i++)
    {
        scope = scope[scopeSplit[i]];

        if (scope == undefined) return;
    }

    return scope[scopeSplit[scopeSplit.length - 1]];
}

JavaScript ma eval funkcja oceniająca łańcuch znaków i wykonująca go jako kod:

eval(settings.functionName + '(' + t.parentNode.id + ')');

Eval () jest funkcją, której potrzebujesz, ale radzę spróbować jednej z tych rzeczy, aby zminimalizować użycie eval. Mam nadzieję, że jeden z nich będzie miał dla ciebie sens.

Zapisz funkcję

Przechowuj funkcję jako funkcję, a nie jako ciąg znaków, i używaj jej później jako funkcji. To, gdzie faktycznie przechowujesz tę funkcję, zależy od Ciebie.

var funcForLater = clickedOnItem;

// later is now
funcForLater(t.parentNode.id);

Lub

someObject.funcForLater = clickedOnItem;    
// later is now    
(someObject.funcForLater)(t.parentNode.id);

Store function name

Nawet jeśli musisz zapisać nazwę funkcji jako łańcuch znaków, może zminimalizować złożoność wykonując

(eval(settings.functionName))(t.parentNode.id);

Który minimalizuje ilość Javascript, który musisz skonstruować i eval.

Słownik obsługi

Umieść wszystkie potrzebne funkcje akcji w obiekcie i wywołaj je w stylu słownikowym za pomocą ciągu znaków.

// global
itemActions = { click: clickedOnItem, rightClick: rightClickedOnItem /* etc */ };

// Later...
var actionName = "click"; // Or wherever you got the action name
var actionToDo = itemActions[actionName];
actionToDo(t.parentNode.id);

(mała uwaga: jeśli zamiast tego użyłeś składni itemActions[actionName](t.parentNode.id);, funkcja zostanie wywołana jako metoda itemActions.)

Chociaż podoba mi się pierwsza odpowiedź i nienawidzę evalu, chciałbym dodać, że jest inny sposób (podobny do evalu), więc jeśli możesz go obejść i nie używać, lepiej zrób. Ale w niektórych przypadkach możesz chcieć wywołać kod javascript przed lub po jakimś wywołaniu ajax i jeśli masz ten kod w niestandardowym atrybutie zamiast ajax, możesz użyć tego:

    var executeBefore = $(el).attr("data-execute-before-ajax");
    if (executeBefore != "") {
        var fn = new Function(executeBefore);
        fn();
    }

Lub ewentualnie zapisać to w pamięci podręcznej funkcji, jeśli może być konieczne wywołanie go wiele razy.

Ponownie - nie używaj evala lub tego metoda, jeśli masz inny sposób, aby to zrobić.

Jeśli settings.functionName jest już funkcją, możesz to zrobić:

settings.functionName(t.parentNode.id);

W przeciwnym razie powinno to również działać, jeśli settings.functionName jest tylko nazwą funkcji:

if (typeof window[settings.functionName] == "function") {
    window[settings.functionName](t.parentNode.id);
}

Chciałem móc przyjąć nazwę funkcji jako ciąg znaków, wywołać ją i przekazać argument do funkcji. Nie mogłem uzyskać wybranej odpowiedzi na to pytanie, ale ta odpowiedź wyjaśniła to dokładnie, a oto krótkie demo.

function test_function(argument)    {
    alert('This function ' + argument); 
}

functionName = 'test_function';

window[functionName]('works!');

To również działa z wieloma argumentami.

Zajęło mi to trochę czasu, aby się tego dowiedzieć, ponieważ konwencjonalne window['someFunctionName']() na początku nie działało dla mnie. Nazwy moich funkcji były wyciągane jako odpowiedź AJAX z bazy danych. Ponadto, z jakiegokolwiek powodu, moje funkcje zostały zadeklarowane poza zakresem okna, więc aby to naprawić, musiałem przepisać funkcje, które wołałem z

function someFunctionName() {}

Do

window.someFunctionName = function() {}

Na podstawie Nicolasa Gauthiera odpowiedź:

var strng = 'someobj.someCallback';
var data = 'someData';

var func = window;
var funcSplit = strng.split('.');
for(i = 0;i < funcSplit.length;i++){
   //We maybe can check typeof and break the bucle if typeof != function
   func = func[funcSplit[i]];
}
func(data);

Wolę używać czegoś takiego:

window.callbackClass['newFunctionName'] = function(data) { console.log(data) };
...
window.callbackClass['newFunctionName'](data);

W javascript, który używa specyfikacji CommonJS, jak node.js na przykład możesz zrobić to, co pokażę poniżej. Co jest bardzo przydatne przy dostępie do zmiennej za pomocą ciągu znaków, nawet jeśli nie jest zdefiniowana w obiekcie window. Jeśli istnieje klasa o nazwie MyClass, zdefiniowana w module CommonJS o nazwie MyClass.js

// MyClass.js
var MyClass = function() {
    // I do stuff in here. Probably return an object
    return {
       foo: "bar"
    }
}

module.exports = MyClass;

Możesz zrobić ten miły bit o czary z innego pliku o nazwie MyOtherFile.js

// MyOtherFile.js

var myString = "MyClass";

var MyClass = require('./' + myString);
var obj = new MyClass();

console.log(obj.foo); // returns "bar"

Jeszcze jeden powód, dla którego CommonJS jest taką przyjemnością.

eval("javascript code");

Jest szeroko stosowany w przypadku JSON .