5

是否可以使用字符串从对象调用方法？

var elem = $('#test');             //<div id="test"></div>
var str = "attr('id')";  

//This is what I'm trying to achieve
  elem.attr('id');                 //test

//What I've tried so far  
  elem.str;                        //undefined
  elem.str();                      //Object [object Object] has no method 'str'
  var fn = eval(str);              //attr is not defined
  eval(elem.toString()+'.'+str);   //Unexpected identifier

//Only solution I've found so far, 
//but is not an option for me 
//because this code is in a function 
//so the element and method call
//get passed in and I wouldn't know
//what they are
  eval($('#test').attr('id'));     //test
4

3 回答 3

4

更新

这是我最后的工作答案：
在控制台中运行此代码后

theMethod = 'attr("id","foo")'.match(/^([^(]+)\(([^)]*)\)/);
jQuery('#post-form')[theMethod[1]].apply(jQuery('#post-form'),JSON.parse('['+theMethod[2]+']'));

post-form 元素现在有了一个新的 ID，完全没有问题。这适用于采用多个参数、单个参数或根本没有参数的方法。回顾：

theMethod = theInString.match(/^\.?([^(]+)\(([^)]*)\)/);
//added \.? to trim leading dot
//made match in between brackets non-greedy
//dropped the $ flag at the end, to avoid issues with trailing white-space after )
elem[theMethod[1]].apply(elem,JSON.parse('['+theMethod+']'));

这是我能想到的最安全、最可靠的方法，真的

你做什么都不要使用 EVAL：

var theMethod = 'attr(\'id\')';
//break it down:
theMethod = theMethod.match(/^([^(]+)\(.*?([^)'"]+).*\)$/);
//returns ["attr('id')", "attr", "id"]
elem[theMethod[1]](theMethod[2]);//calls the method

这与您对任何对象使用的基本原则相同（请记住，函数在 JS 中都是独立的对象 - 而 jQuery 对象也是对象）。这意味着可以以与属性完全相同的方式访问方法：

$('#foo').attr('id') === $('#foo')['attr']('id');

因此，只需将字符串分开，并像使用对象属性一样使用方法名称，就可以开始使用了。

请记住：当您只有评估锤时，一切看起来都像您的拇指。
布伦丹·艾希

如果有可能将多个参数传递给任何方法，您也可以按照自己的方式解决这个问题（我认为 - 好吧：逻辑决定了，但现在已经很晚了，逻辑现在被 Gin 打败了） ：

theMethod = theMethod.match(/^([^(]+)\(([^)]+)\)$/);
//["attr('id','foo')", "attr", "'id','foo'"] --> regex must now match quotes, too
elem.theMethod[1].apply(elem,JSON.parse('['+theMethod[2]+']'));

这会将您正在处理的任何元素/对象的方法应用于自身，因此不会更改调用者上下文（this仍将指向方法中的对象），并且它会传递将传递给被调用方法的参数数组。

于 2012-08-28T20:05:45.320 回答
1

您应该使用以下方法之一：

  • 申请

    var result = function.apply(thisArg[, argsArray]);

  • 称呼

    var result = fun.call(thisArg[, arg1[, arg2[, ...]]]);

这是示例：

var Sample = function() {
var that = this;

this.sampleMethod = function() {
    return alert("Hello!");
};

this.sampleMethod2 = function(){

    that["sampleMethod"].apply(that);
};  
};

var objImpl = new Sample();

objImpl.sampleMethod2(); //you will get a message from 'sampleMethod()'
于 2012-08-28T20:40:06.280 回答
0

eval 做你想做的事。然而，Eval 是邪恶的，因为你不应该做你想做的事。

为什么使用 JavaScript eval 函数是个坏主意？

于 2012-08-28T20:00:30.017 回答