js如何将字符串作为函数名调用函数

JavaScript013

js如何将字符串作为函数名调用函数,第1张

比如我现在有一个字符串str = "func_abc",func_abc是一个函数名,我现在知道str如何调用str这个字符串表示的函数.思路：1、用eval函数，字符串转换为命令行执行都可以通过eval函数。2、如果函数不多，可以通过if等方式进行判断，执行不同的分支。代码示例：function func_abc(){alert('a')}var str = "func_abc"eval(str+"()")//执行func_abc()函数将其用到实际项目中：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>将字符串作为函数名调用函数</title></head><body><span>指标：</span><select id="zhibiao"><option selected="" value="总体">总体</option><option value="queryManagementVolume">办理量</option><option value="queryTimeConsuming">平均耗时</option><option value="queryOvertimePercent">超时占比</option></select></body><script src="../js/jquery.js"></script><script>$(document).on("change",'select#zhibiao',function(){ var fn=$(this).val() /* fn()*/ eval(fn+"()")})function queryManagementVolume(){ console.log("查询办理量")}function queryTimeConsuming(){ console.log("查询平均耗时")}function queryOvertimePercent(){ console.log("查询超时占比")}</script></html>

将字符串转换成数字，得用到parseInt函数。parseInt(string) ： 函数从string的开始解析，返回一个整数。举例：parseInt('123') : 返回 123（int）；parseInt('1234xxx') : 返回 1234（int）； 如果解析不到数字，则将返回一个NaN的值，可以用isNaN()函数来检测； 举例 ：var i = parseInt('abc')if (isNaN(i)){alert('NaN value')} 同样的parseFloat函数是将字符串转换成浮点数。 举例：parseFloat('31.24abc') : 返回 31.24；js数字转换成字符串将字符串转换成数字，得用到String类的toString方法 举例：var i = 10var s = i.toString()alert(typeof s)//将输出 Stringjs数字与字符串的区别 js的数字的加法与字符串的连接都是 + 符号， 所以究竟是加还是字符串的连接就取决与变量的类型。 举例：var a = 'abc' + 'xyz'//a的值为：abcxyz,字符串与字符串是连接var a = 10 + 5//a的值为：15，数字是加var a = 'abc' + 10//a的值为：abc10，字符串与数字，自动将10转换成字符串了var a = 'abc' + 10 + 20 + 'cd'//a的值为:abc1020cdvar a = 10 + 20 + 'abc' + 'cd'//a的值为:30abccd，可以数字加的先数字加，然后再连接 补充： js字符串转换数字。方法主要有三种 转换函数、强制类型转换、利用js变量弱类型转换。 1. 转换函数： js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN(Not a Number)。 一些示例如下： parseInt("1234blue")//returns 1234parseInt("0xA")//returns 10parseInt("22.5")//returns 22parseInt("blue")//returns NaN parseInt()方法还有基模式，可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。基是由parseInt()方法的第二个参数指定的，示例如下： parseInt("AF", 16)//returns 175parseInt("10", 2)//returns 2parseInt("10", 8)//returns 8parseInt("10", 10)//returns 10如果十进制数包含前导0，那么最好采用基数10，这样才不会意外地得到八进制的值。例如：parseInt("010")//returns 8parseInt("010", 8)//returns 8parseInt("010", 10)//returns 10 parseFloat()方法与parseInt()方法的处理方式相似。使用parseFloat()方法的另一不同之处在于，字符串必须以十进制形式表示浮点数，parseFloat()没有基模式。 下面是使用parseFloat()方法的示例：parseFloat("1234blue")//returns 1234.0parseFloat("0xA")//returns NaNparseFloat("22.5")//returns 22.5parseFloat("22.34.5")//returns 22.34parseFloat("0908")//returns 908parseFloat("blue")//returns NaN 2. 强制类型转换 还可使用强制类型转换（type casting）处理转换值的类型。使用强制类型转换可以访问特定的值，即使它是另一种类型的。ECMAScript中可用的3种强制类型转换如下：Boolean(value)——把给定的值转换成Boolean型；Number(value)——把给定的值转换成数字（可以是整数或浮点数）；String(value)——把给定的值转换成字符串。用这三个函数之一转换值，将创建一个新值，存放由原始值直接转换成的值。这会造成意想不到的后果。当要转换的值是至少有一个字符的字符串、非0数字或对象时，Boolean()函数将返回true。如果该值是空字符串、数字0、undefined或null，它将返回false。 可以用下面的代码段测试Boolean型的强制类型转换。 Boolean("")//false – empty stringBoolean("hi")//true – non-empty stringBoolean(100)//true – non-zero numberBoolean(null)//false - nullBoolean(0)//false - zeroBoolean(new Object())//true – object Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似，只是它转换的是整个值，而不是部分值。示例如下： 用法 结果Number(false) 0Number(true) 1Number(undefined) NaNNumber(null) 0Number( "5.5 ") 5.5Number( "56 ") 56Number( "5.6.7 ") NaNNumber(new Object()) NaNNumber(100) 100最后一种强制类型转换方法String()是最简单的，示例如下： var s1 = String(null)//"null"var oNull = nullvar s2 = oNull.toString()//won't work, causes an error 3. 利用js变量弱类型转换 举个小例子，一看，就会明白了。<script>var str= '012.345 'var x = str-0x = x*1</script>

方案只有一种：

    通过eval方式把字符串转换为命令方式，执行字符串型方法函数。

示例

<script>

function func(a){//定义一个待参数的函数

  alert(a)

}

eval('func()')//调用函数不传入参数

eval('func("bcd")')//调用函数，传入参数

</script>