JS根据变量保存方法名并执行方法

最新推荐文章于 2022-09-30 20:59:53 发布

最新推荐文章于 2022-09-30 20:59:53 发布 · 299 阅读

本文介绍了一种在JavaScript中通过字符串动态调用方法的技术。利用eval和Function构造函数实现了两种不同的方法，使得能够通过变量名间接调用已定义的函数。这种方法在某些特定场景下非常有用，例如在运行时不确定具体调用哪个函数的情况下。

function a(){
    alert("fun a()");
}
function b(){
    alert("fun b()");
}
var methodName = "";
//method1
methodName = "a";
function method1(methodName){
    //初始化this.func属性,
    this.func = function(){};
    try{
        //这里用eval方法，把我们传进来的这个方法名所代表的方法当作一个对象来赋值给method1的func属性。
        //如果找不到methodName这个对应的对象,则eval方法会抛异常
        this.func = eval(methodName);
    }catch(e){
        alert(methodName+"()不存在！");
    }
}
var c = new m(methodName);
c.func();

/**
 * method2, 比较简洁
 */
 methodName = "b";
 function method2(methodName){
    this.func = new Function(methodName+"();");
}
var c = new m(methodName);
try{
    c.func();
}catch(e){
    Ext.Msg.alert(methodName+"()不存在！");
}