现在位置首页 / 前端开发 /正文

js eval 使用说明

作者: IT小兵 | 2014年8月2日| 热度:℃ | 评论: |参与:

 

前几天说到js中尽量不要使用eval,但是eval到底是什么那?今天我们就说说eval的那点事。

 

首先看一下基本定义:

定义和用法

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

语法

eval(string)

 

参数

描述

 

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

返回值

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

说明

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

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

抛出

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

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

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

提示和注释

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

 

实例代码:

eval函数接收一个参数s,如果s不是字符串,则直接返回s。否则执行s语句。如果s语句执行结果是一个值,则返回此值,否则返回undefined。 
需要特别注意的是对象声明语法“{}”并不能返回一个值,需要用括号括起来才会返回值,简单示例如下: 

var code1='"a" + 2'; //表达式
 
varcode2='{a:2}'; //语句
 
alert(eval(code1)); //->'a2'
 
alert(eval(code2)); //->undefined
 
alert(eval('(' + code2 + ')')); //->[object Object]
eval函数的特点,它总是在调用它的上下文变量空间(也称为:包,closure)内执行,无论是变量定义还是函数定义都是如此


eval作用域

先看这段代码:

var x = 1;
(function () {
    eval('var x = 123;');
})();
console.log(x);

这个代码得到的是 1 而不是 123
如果想让 eval 执行的代码是全局的,那么有几种方法。

var x = 1;
(function () {
    window.eval('var x = 123;');
})();
console.log(x);

这个方法标准浏览器都可以得到 123 而IE6-8则依然是 1

相同的例如

var arr = [0,0,0,0,0,0];
(function () {
    var arr = [1,1,1,1,1,1];
    var _eval = eval;
    window.eval('arr[0] = 123;');
    eval.call(null, 'arr[1] = 123;');
    _eval('arr[2] = 123;');
    (0,eval)('arr[3] = 123;');
})();
console.log(arr);

0,1 貌似不支持IE8- 2,3 貌似不支持 IE7-
反正归根结底就是兼容性有问题。
不过还在IE下有个 execScript 非常好使。

var x = 1;
(function () {
    (!-[1,] ? execScript : eval)('var x = 123;');
})();
console.log(x);

eval不可能在全局空间内执行,这就给开发带来了不少问题,也看到过很多人为此郁闷。 
不过现在偶终于找到了解决办法,嘿嘿,可以同时兼容IE和Firefox,方法如下: 
var X2={} //my namespace:)
 
X2.Eval=function(code){
 
if(!!(window.attachEvent && !window.opera)){
 
//ie
 
execScript(code);
 
}else{
 
//not ie
 
window.eval(code);
 
}
 
}
现在如果要想在函数内定义全局代码,就可以通过调用X2.eval_r(code)方法。
var s='global';
 
function demo3(){
 
X2.Eval('var s="local"');
 
}
 
demo3();
 
alert(s); //->'local'




[json序列化反序列化插件-json2.js 介绍和使用]

点击阅读本文所属分类的更多文章: 前端开发 。和高手一起交流:346717337
友荐云推荐

未注明转发、原文均为本站原创。分享本文请注明 原文链接

给您更多信息和帮助

在这里您可以找到更多:

技术交流群:346717337 Jquery插件交流

投稿:suchso@vip.qq.com

承接:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/业务咨询

抢天猫双11红包
推荐使用阿里云服务器
echarts教程系列
本月最热文章

微信扫一扫,徜徉悠嘻网,您的休闲乐园

微信公众号:快乐每一天

随机文章
标签

技术交流群:346717337

投稿:suchso@vip.qq.com

专业专注:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/付费问题咨询