js将字符串作为函数调用

使用场景：

开发中，选择不同的业务场景（将近10个），弹出一个公共的对话框，点击对话框的确认按钮，根据不同类型调用不同方法。if else不考虑，类型太多，代码冗余。

解决思路：

选择业务弹出对话框的时候，定义一个全局变量，存储不同业务type，业务type的值就是要调用方法的函数名。

方法1:eval(str)

eval(str) 函数可计算某个字符串，并执行其中的的 JavaScript 代码。注意，eval方法的参数只能是字符串，如果传递的不是字符串的话，会直接返回传值，而非调用。由于eval方法效率低，而且不安全，不建议使用。

function test(str){
    alert(str);
}
var a='test';
var b='345';
eval(a+'('+123+')');
eval(a+'(b)');

方法二：把方法名当成属性名

函数在js里面可以被保存在对象中，因此通过对象的属性访问,调用字符串方法。

1. 全局函数声明会变成全局对象的属性。全局对象在进入执行上下文前创建的一个唯一的对象。在浏览器运行环境里，全局对象就是window对象
2. 属性访问可以使用 点标记法 或者括号标记法。其中使用点访问需要标识符，二括号访问使用的是标识符对应的字符串

   function test(str){
       alert(str);
   }
   
   var param='哈哈';
   window['test'](param);//直接执行
   window['test'].call(this,'param');

   如果函数是其他对象属性，也可以同样方法调用。