Функция вызова, определенная в объекте

Question

У меня есть объект, который определяет имя и параметры функции, вызываемой в событии click элемента страницы.

object_array = [ 
    { 
     id: "id1", 
     onclick: "load_file(filename.php);", 
    }, 

    { 
     id: "id2", 
     onclick: "open_url('http://url.com');", 
    } 
]; 

Эта информация должна быть восстановлена ​​динамически. Я бы хотел, чтобы в событии click вызывается функция onclick для заданного объекта в массиве.

$('element').click(function() { 
     // call object.onclick 
}); 

Похоже, что eval() не является хорошим выбором. Есть ли другой способ вызова этой функции?

Answer 1

Вы должны реорганизовать object_array к:

[{ 
    id: "id1", 
    action: "load_file", 
    url: "filename.php" 
}, { 
    id: "id2", 
    action: "open_url", 
    url: 'http://url.com' 
}]; 

Тогда вы можете назвать его :

var actions = { 
    load_file: function(url) { 
     ... 
    }, 
    open_url: function(url) { 
     ... 
    }, 
    ... 
}; 
object_array.forEach(function(ob) { 
    $("#"+ob.id).click(function() { 
     actions[ob.action](ob.url); 
    }); 
}); 

Если у вас более сложные аргументы, вы также можете доставить массив аргументов вместо url и использовать функцию apply().

---

Или, если вы просто хотите подстановки-таблицу функций, использование:

var object = { 
    "id1": function() { 
     load_file('filename.php'); 
    }, 
    "id2": function() { 
     open_url('http://url.com'); 
    } 
}; 
$('element').click(function() { 
    object[this.id](); 
}); 

Answer 2

вы можете объявить функцию как

onclick : function() 
{ 
    action(arguments); 
} 

Answer 3

Вот рабочий jsfiddle: http://jsfiddle.net/Zh6Fv/1/

Как так:

object_array = [ 
     { 
      id: "id1", 
      // Encapsulate in an anonymous function 
      onclick: function(){ load_file('filename.php'); }, 
     }, 
     { 
      id: "id2", 
      // Encapsulate in an anonymous function 
      onclick: function(){ open_url('http://url.com'); }, 
     } 
    ]; 

Тогда на самом деле связать его это так ::

$('element').click(obj.onclick); 

Предположительно вы будете использовать его как это ::

object_array.forEach(function(obj){ 
    // Note there is no need to wrap the obj.onclick 
    // into another anonymous function anymore! 
    $("#" + obj.id).click(obj.onclick); 
}); 

Вот рабочий jsfiddle: http://jsfiddle.net/Zh6Fv/1/