如何在不使用 eval() 的情况下获得在 Backbone.js 中执行不同操作的链接？

Question

我有一些链接，我想根据链接执行不同的操作。因此我有一个数据结构：

var data = [{"name":"foo", "onClick":"baz()"}, {"name":"bar", "onClick":"bam()"}];

目前，在视图中我有一个运行函数，它接受该项目并执行 eval(item.onClick) ，并且它有效，只是感觉像是一个安全漏洞。 我可以在渲染视图时将 onClick 放入 html 中，但这感觉不对。

有谁知道有什么方法可以做到这一点？

Answer 1

您可以在数据中嵌入函数

var data = [{"name":"foo", "onClick":baz}, {"name":"bar", "onClick":bam}];
item.onClick();

您可以查看 这里了解更多有用的内容

Answer 2

主干视图有一个 delegateEvents 函数：

var MyView = Backbone.View.extend({

  events: {
    "click button[name='foo']": "baz",
    "click button[name='bar']": "bam"
  },


  baz: function(){ ... }

  bam: function(){ ... }

Answer 3

很简单——即使您没有为函数调用实现对象容器。

function baz(){ 
    ....
}
function bam(){ 
    ....
}

并且，假设您将其作为 JSON 回调：

function jsonCallback(data){
    /*some code*/
    window[data.onClick]();
    /* some more code */
}