[转]JavaScript通过参数动态调用函数——js中eval实现反射
2014-11-28 10:56
211 查看
以下文章出自 http://blog.rongzhiwang.com/king/archive/2012/08/13/javascriptjseval.aspx
今天碰到人问这样一个问题:用jQuery做一个菜单,每次使用时传进去一个参数,这个参数是一个函数名,在菜单中怎么执行这个函数。
大概就这么个意思吧,当时听到就很熟悉的感觉,有的说为什么不用switch case,但是说实话有时候用判断确实不爽,好像自己之前也这样做过,但是真想不起来怎么实现的了。然后搜了一下,找到eval解决,决定记录一下,免得再忘掉。
网上找到一个总结比较不错的,转来,同时对作者表示敬意(本人懒,勿怪):
eval函数接收一个参数s,如果s不是字符串,则直接返回s。否则执行s语句。如果s语句执行结果是一个值,则返回此值,否则返回undefined。
需要特别注意的是对象声明语法“{}”并不能返回一个值,需要用括号括起来才会返回值,简单示例如下:
复制代码 代码如下:
var code1='"a" + 2'; //表达式
varcode2='{a:2}'; //语句
alert(eval_r(code1)); //->'a2'
alert(eval_r(code2)); //->undefined
alert(eval_r('(' + code2 + ')')); //->[object Object]
可以看到,对于对象声明语句来说,仅仅是执行,并不能返回值。为了返回常用的“{}”这样的对象声明语句,必须用括号括住,以将其转换为表达式,才能返回其值。这也是使用JSON来进行Ajax开发的基本原理之一。在例子中可以清楚的看到,第二个alert语句输出的是undefined,而第三个加了括号后输出的是语句表示的对象。
现在来说本文的重点,如何在函数内执行全局代码。为了说明这个问题,先看一个例子:
复制代码 代码如下:
var s='global'; //定义一个全局变量
function demo1(){
eval_r('var s="local"');
}
demo1();
alert(s); //->global
很好理解,上面的demo1函数等价于:function demo1(){var s='local';},其中定义了一个局部变量s。
所以最后的输出是global并不是什么奇怪的事情,毕竟大家都能很清楚的区分局部变量和全局变量。
仔细体会一下,可以发现eval函数的特点,它总是在调用它的上下文变量空间(也称为:包,closure)内执行,无论是变量定义还是函数定义都是如此,所以如下的代码会产生函数未定义的错误:
复制代码 代码如下:
var s='function test(){return 1;}'; //一个函数定义语句
function demo2(){
eval_r(s);
}
demo2();
alert(test()); //->error:test is not defined
这是因为test函数在局部空间定义,demo2函数内可以访问到,外面就访问不到了。
而在实际的Ajax开发中,有时我们需要从服务器动态获取代码来执行,以减轻一次载入代码过多的问题,或者是一些代码是通过Javascript自身生成的,希望用eval函数来使其执行。
但这样的动态获取代码的工作一般在函数内完成,比如:
复制代码 代码如下:
function loadCode(){
varcode=getCode();
eval_r(code);
}
可见eval不可能在全局空间内执行,这就给开发带来了不少问题,也看到过很多人为此郁闷。
不过现在偶终于找到了解决办法,嘿嘿,可以同时兼容IE和Firefox,方法如下:
复制代码 代码如下:
var X2={} //my namespace:)
X2.Eval=function(code){
if(!!(window.attachEvent && !window.opera)){
//ie
execScript(code);
}else{
//not ie
window.eval_r(code);
}
}
现在如果要想在函数内定义全局代码,就可以通过调用X2.eval_r(code)方法,一个例子如下:
复制代码 代码如下:
var s='global';
function demo3(){
X2.eval_r('var s="local"');
}
demo3();
alert(s); //->'local'
可见,在demo3函数内重新定义了全局变量s=”local”。
需要注意的是X2.Eval并不返回值,如果要进行表达式的求值,还是用系统的eval函数。X2.Eval设计为仅做全局代码定义用。
其实看到这里,或许有人感觉问题也太容易解决了点,呵呵,但发现这个办法倒是需要些运气和技巧的:
(1)对于IE浏览器,默认已经提供了这样的函数:execScript,用于在全局空间执行代码,只是知道的人还不多。
(2)对于Firefox浏览器,直接调用eval函数,则在调用者的空间执行;如果调用 window.eval则在全局空间执行。这个知道的人估计就更少了。毕竟alert(eval==window.eval)返回true!
Firefox的eval函数的特点的确是很令人奇怪的,但从javascript规范中倒也能找到其来源:
If value of the eval property is used in any way other than a direct call (that is, other than by the explicit use of its
name as an Identifier which is the MemberExpression in a CallExpression), or if the eval property is assigned to,
an EvalError exception may be thrown.
意思大概就是说eval函数的执行是和调用者相关的,但并没有说其执行上下文的问题。所以IE和Firefox孰是孰非也就很难说了,大家知道解决办法就好。
详细出处参考:http://www.jb51.net/article/30008.htm
今天碰到人问这样一个问题:用jQuery做一个菜单,每次使用时传进去一个参数,这个参数是一个函数名,在菜单中怎么执行这个函数。
大概就这么个意思吧,当时听到就很熟悉的感觉,有的说为什么不用switch case,但是说实话有时候用判断确实不爽,好像自己之前也这样做过,但是真想不起来怎么实现的了。然后搜了一下,找到eval解决,决定记录一下,免得再忘掉。
网上找到一个总结比较不错的,转来,同时对作者表示敬意(本人懒,勿怪):
eval函数接收一个参数s,如果s不是字符串,则直接返回s。否则执行s语句。如果s语句执行结果是一个值,则返回此值,否则返回undefined。
需要特别注意的是对象声明语法“{}”并不能返回一个值,需要用括号括起来才会返回值,简单示例如下:
复制代码 代码如下:
var code1='"a" + 2'; //表达式
varcode2='{a:2}'; //语句
alert(eval_r(code1)); //->'a2'
alert(eval_r(code2)); //->undefined
alert(eval_r('(' + code2 + ')')); //->[object Object]
可以看到,对于对象声明语句来说,仅仅是执行,并不能返回值。为了返回常用的“{}”这样的对象声明语句,必须用括号括住,以将其转换为表达式,才能返回其值。这也是使用JSON来进行Ajax开发的基本原理之一。在例子中可以清楚的看到,第二个alert语句输出的是undefined,而第三个加了括号后输出的是语句表示的对象。
现在来说本文的重点,如何在函数内执行全局代码。为了说明这个问题,先看一个例子:
复制代码 代码如下:
var s='global'; //定义一个全局变量
function demo1(){
eval_r('var s="local"');
}
demo1();
alert(s); //->global
很好理解,上面的demo1函数等价于:function demo1(){var s='local';},其中定义了一个局部变量s。
所以最后的输出是global并不是什么奇怪的事情,毕竟大家都能很清楚的区分局部变量和全局变量。
仔细体会一下,可以发现eval函数的特点,它总是在调用它的上下文变量空间(也称为:包,closure)内执行,无论是变量定义还是函数定义都是如此,所以如下的代码会产生函数未定义的错误:
复制代码 代码如下:
var s='function test(){return 1;}'; //一个函数定义语句
function demo2(){
eval_r(s);
}
demo2();
alert(test()); //->error:test is not defined
这是因为test函数在局部空间定义,demo2函数内可以访问到,外面就访问不到了。
而在实际的Ajax开发中,有时我们需要从服务器动态获取代码来执行,以减轻一次载入代码过多的问题,或者是一些代码是通过Javascript自身生成的,希望用eval函数来使其执行。
但这样的动态获取代码的工作一般在函数内完成,比如:
复制代码 代码如下:
function loadCode(){
varcode=getCode();
eval_r(code);
}
可见eval不可能在全局空间内执行,这就给开发带来了不少问题,也看到过很多人为此郁闷。
不过现在偶终于找到了解决办法,嘿嘿,可以同时兼容IE和Firefox,方法如下:
复制代码 代码如下:
var X2={} //my namespace:)
X2.Eval=function(code){
if(!!(window.attachEvent && !window.opera)){
//ie
execScript(code);
}else{
//not ie
window.eval_r(code);
}
}
现在如果要想在函数内定义全局代码,就可以通过调用X2.eval_r(code)方法,一个例子如下:
复制代码 代码如下:
var s='global';
function demo3(){
X2.eval_r('var s="local"');
}
demo3();
alert(s); //->'local'
可见,在demo3函数内重新定义了全局变量s=”local”。
需要注意的是X2.Eval并不返回值,如果要进行表达式的求值,还是用系统的eval函数。X2.Eval设计为仅做全局代码定义用。
其实看到这里,或许有人感觉问题也太容易解决了点,呵呵,但发现这个办法倒是需要些运气和技巧的:
(1)对于IE浏览器,默认已经提供了这样的函数:execScript,用于在全局空间执行代码,只是知道的人还不多。
(2)对于Firefox浏览器,直接调用eval函数,则在调用者的空间执行;如果调用 window.eval则在全局空间执行。这个知道的人估计就更少了。毕竟alert(eval==window.eval)返回true!
Firefox的eval函数的特点的确是很令人奇怪的,但从javascript规范中倒也能找到其来源:
If value of the eval property is used in any way other than a direct call (that is, other than by the explicit use of its
name as an Identifier which is the MemberExpression in a CallExpression), or if the eval property is assigned to,
an EvalError exception may be thrown.
意思大概就是说eval函数的执行是和调用者相关的,但并没有说其执行上下文的问题。所以IE和Firefox孰是孰非也就很难说了,大家知道解决办法就好。
详细出处参考:http://www.jb51.net/article/30008.htm
相关文章推荐
- C#利用反射实现(js)Eval,asp(Execute)功能 动态执行类库中的函数
- C#动态执行类库中的函数:利用反射实现(js)Eval,asp(Execute)功能
- 动态生成二维码图片后通过js(JavaScript)或jq实现网页图片转base64格式下载
- javascript上实现动态参数
- 22-FCKEditor参数配置 (通过JS文件实现)
- JSONP跨域访问,通过动态加入javascript实现
- c#中实现类似js的Eval|.NET中执行Javascript(表达式是字符串的计算)
- 利用C#动态编译功能实现像Javascript中的Eval的功能来将一段字符串进行数学运算
- 通过JavaScript实现实时的JS语法高亮显示字
- javascript获取超链接传递的参数,此方法亦能解决2个通过js超链页面传递参数的乱码问题
- 通过反射(Reflection)实现对ref和out参数在 Portal-Builder 开源门户系统中的调用
- javascript学习(十七):js通过XMLHTTPrequest实现Ajax
- C#通过反射实现动态加载DLL
- asp.net通过反射技术实现Ajax(2)--前台javascript封装的Ajax对象
- 网页动态加载图片 通过JS和jquery实现。
- js动态创建上传表单通过iframe模拟Ajax实现无刷新
- javascript实现通过链接调用函数
- [pb] 通过datawindw的参数实现动态分页(分组)
- 通过javascript实现动态添加删除表格的行
- 动态table添加colspan\rowspan 参数的方法(通过Js)