Javascript конвертировать строку для вызова в качестве функции

Question

Javascript конвертировать строку для вызова в качестве функции

0

У меня есть следующий сценарий, когда мне нужно вызвать функцию, основанную на атрибутах данных элемента html.

function func1(arg1){
    alert("func1");
}

function func2(arg2){
    alert("func2");
}

jQuery(document).on('click', '.func-class', function(){
  var funcName = jQuery(this).data('func-name');
  var funcArg = jQuery(this).data('func-arg');      
  //Need to call funcName(funcArg) here
});

HTML:

<div data-func-name="func1" data-func-arg="arg1" class="func-class">Func1</div>
<div data-func-name="func2" data-func-arg="arg2" class="func-class">Func2</div>

JSFiddle того же: http://jsfiddle.net/E4HeT/

Sabarish Sankar 23 сен. 2013, в 11:47

Источник

Теги:

javascript

jquery

3 ответа

0

$('.func-class').click(function(){

    var toCallArg = $(this).data('func-arg');        
    var toCall = function(toCallArg){            
        //your code
    };
    toCall(toCallArg);
});

theLibertine 23 сен. 2013, в 08:54

0

вы можете сделать примерно следующее это

window[funcName](funcArg)

но вам нужно будет получить ссылку на функцию, установив ее в объекте (например, то, что я сделал в объекте window), потому что он является частным в функции jQuery.ready

Hilmi 23 сен. 2013, в 07:50

Ещё вопросы

Niet the Dark Absol · Accepted Answer · 2013-09-23T06-10-00.000Z

Если эти функции определены в глобальной области действия, вы можете сделать это:

window[funcName](funcArg);

В противном случае я бы предложил помещать их в объект:

var functions = {
    "func1":func1,
    "func2":func2
};
functions[funcName](funcArg);

Этот второй на самом деле безопаснее, поскольку он помогает предотвратить выполнение произвольного кода.