[英]Call jQuery defined function via string
我想调用我在jQuery的文档就绪函数中定义的函数,但是遇到了一些麻烦。 我有以下代码:
jQuery(document).ready( function($) {
function test1() {
alert('test1');
}
function test2() {
alert('test2');
}
var test_call = '2';
var fn = 'test' + test_call;
// use fn to call test2
});
我不想使用eval
, window[fn]
似乎不起作用。 两个测试函数似乎不是窗口变量中的索引。 我很感激帮助和知识。
所有我能想到的不使用eval()
或某种形式的eval(将字符串传递给setTimeout()
是eval()
一种形式),就是在一个对象上注册相关的函数名,然后查找该对象上的函数名称:
jQuery(document).ready( function($) {
function test1() {
alert('test1');
}
function test2() {
alert('test2');
}
// register functions on an object
var funcList = {};
funcList["test1"] = test1;
funcList["test2"] = test2;
var test_call = '2';
var fn = 'test' + test_call;
if (fn in funcList) {
funcList[fn]();
}
});
或者可以在功能的定义中进行注册。 如果它们是全局函数,它们将隐式地注册在window
对象上,但它们不是全局的,因为它们在document.ready handler函数中作用域:
jQuery(document).ready( function($) {
var funcList = {};
funcList.test1 = function test1() {
alert('test1');
}
funcList.test2 = function test2() {
alert('test2');
}
var test_call = '2';
var fn = 'test' + test_call;
if (fn in funcList) {
funcList[fn]();
}
});
或者,您可以将函数移动到全局范围,以便它们自动注册到窗口对象,如下所示:
function test1() {
alert('test1');
}
function test2() {
alert('test2');
}
jQuery(document).ready( function($) {
var test_call = '2';
var fn = 'test' + test_call;
if (fn in window) {
window[fn]();
}
});
如果不是Eval,最好的方法是使用零毫秒的setTimeout,因为您可以将函数指定为字符串。
setTimeout('myfunction()',0,);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.