JS动态调用方法名示例介绍


Posted in Javascript onDecember 18, 2013

先看看JS的一个函数

JavaScript eval() 函数
定义和用法

eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。
语法

eval(string)

参数 描述

string 必需。要计算的字符串,其中含有要计算的 JavaScript 表达式或要执行的语句。

返回值

通过计算 string 得到的值(如果有的话)。

说明

该方法只接受原始字符串作为参数,如果 string 参数不是原始字符串,那么该方法将不作任何改变地返回。因此请不要为 eval() 函数传递 String 对象来作为参数。

如果试图覆盖 eval 属性或把 eval() 方法赋予另一个属性,并通过该属性调用它,则 ECMAScript 实现允许抛出一个 EvalError 异常。

抛出

如果参数中没有合法的表达式和语句,则抛出 SyntaxError 异常。

如果非法调用 eval(),则抛出 EvalError 异常。

如果传递给 eval() 的 Javascript 代码生成了一个异常,eval() 将把该异常传递给调用者。

提示和注释

提示:虽然 eval() 的功能非常强大,但在实际使用中用到它的情况并不多。

实例

例子 1

在本例中,我们将在几个字符串上运用 eval(),并看看返回的结果:

<script type="text/javascript"> eval("x=10;y=20;document.write(x*y)") 
document.write(eval("2+2")) 
var x=10 
document.write(eval(x+17)) 
</script>

输出:

200
4
27

例子 2

看一下在其他情况中,eval() 返回的结果:

eval("2+3") // 返回 5 
var myeval = eval; // 可能会抛出 EvalError 异常 
myeval("2+3"); // 可能会抛出 EvalError 异常

可以使用下面这段代码来检测 eval() 的参数是否合法:
try { 
alert("Result:" + eval(prompt("Enter an expression:",""))); 
} catch(exception) { 
alert(exception); 
}

第一种方法就是使用js里面的eval

下面是自己写的例子

call("showmsg"); function call(functionName){ 
eval("this."+functionName+"()"); 
} 
function showmsg(){ 
alert("success"); 
}

eval能将你拼接的字符串自动识别为方法,并调用。

但弊端也是很大的,想象一下,某个人改你调用地方的方法名,便能调用你的任意方法。

第二种方法主要用作自己定义的方法

主要是第二种方法需要特定的方式去写

function call(functionName) { 
showmsgs["showmsg"](); 
} var showmsgs = { showmsg: function () { 
alert("success"); 
} 
} 
call("showmsg");
Javascript 相关文章推荐
Javascript 面向对象 命名空间
May 13 Javascript
JavaScript获取FCK编辑器信息的具体方法
Jul 12 Javascript
js判断滚动条是否已到页面最底部或顶部实例
Nov 20 Javascript
Jquery时间轴特效(三种不同类型)
Nov 02 Javascript
es6的数字处理的方法(5个)
Mar 16 Javascript
js实现三级联动效果(简单易懂)
Mar 27 Javascript
javascript填充默认头像方法
Feb 22 Javascript
利用JS实现一个同Excel表现的智能填充算法
Aug 13 Javascript
微信sdk实现禁止微信分享(使用原生php实现)
Nov 15 Javascript
javascript递归函数定义和用法示例分析
Jul 22 Javascript
JS页面动态绘图工具SVG,Canvas,VML介简介
Oct 16 Javascript
vue项目中使用rem,在入口文件添加内容操作
Nov 11 Javascript
javascript页面动态显示时间变化示例代码
Dec 18 #Javascript
页面实时更新时间的JS实例代码
Dec 18 #Javascript
带左右箭头图片轮播的JS代码
Dec 18 #Javascript
用js代码改变单选框选中状态的简单实例
Dec 18 #Javascript
浅析document.ready和window.onload的区别讲解
Dec 18 #Javascript
浅谈Javascript 执行顺序
Dec 18 #Javascript
Javascript浅谈之引用类型
Dec 18 #Javascript
You might like
967 个函式
2006/10/09 PHP
header()函数使用说明
2006/11/23 PHP
php中cookie的作用域
2008/03/27 PHP
windows服务器中检测PHP SSL是否开启以及开启SSL的方法
2014/04/25 PHP
php+js实现百度地图多点标注的方法
2016/11/30 PHP
分享5个非常有用的Laravel Blade指令
2018/05/30 PHP
php + ajax 实现的写入数据库操作简单示例
2020/05/16 PHP
让图片旋转任意角度及JQuery插件使用介绍
2013/03/20 Javascript
深入理解JSON数据源格式
2014/01/10 Javascript
基于jQuery实现多层次的手风琴效果附源码
2015/09/21 Javascript
深入解析JavaScript的闭包机制
2015/10/20 Javascript
JavaScript中常用的验证reg
2016/10/13 Javascript
angular和BootStrap3实现购物车功能
2017/01/25 Javascript
JS简单实现点击按钮或文字显示遮罩层的方法
2017/04/27 Javascript
bootstrap table插件的分页与checkbox使用详解
2017/07/23 Javascript
10分钟上手vue-cli 3.0 入门介绍
2018/04/04 Javascript
微信小程序实现人脸识别登陆的示例代码
2019/04/02 Javascript
Python书单 不将就
2017/07/11 Python
pandas进行数据的交集与并集方式的数据合并方法
2018/06/27 Python
分享vim python缩进等一些配置
2018/07/02 Python
浅谈python实现Google翻译PDF,解决换行的问题
2018/11/28 Python
python 进程间数据共享multiProcess.Manger实现解析
2019/09/23 Python
python模块和包的应用BASE_PATH使用解析
2019/12/14 Python
python函数定义和调用过程详解
2020/02/09 Python
Matplotlib使用字符串代替变量绘制散点图的方法
2020/02/17 Python
什么是Python中的顺序表
2020/06/02 Python
使用jupyter notebook运行python和R的步骤
2020/08/13 Python
css3制作动态进度条以及附加jQuery百分比数字显示
2012/12/13 HTML / CSS
HTML5的自定义属性data-*详细介绍和JS操作实例
2014/04/10 HTML / CSS
HTML5 CSS3打造相册效果附源码下载
2014/06/16 HTML / CSS
小学开学寄语
2014/01/19 职场文书
《春天来了》教学反思
2014/04/07 职场文书
科技之星事迹材料
2014/06/02 职场文书
党的群众路线整改落实情况汇报
2014/10/28 职场文书
董事长岗位职责
2015/02/13 职场文书
消防安全培训工作总结
2015/10/23 职场文书