JavaScript中的 eval() 函数究竟有什么用

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/latency_cheng/article/details/77745722

之前对eval()函数一直有一些疑问,觉得没什么用,很疑惑为什么设计这样一个方法,今天来总结一下。


1、定义和用法

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

返回通过计算 string 得到的值(如果有的话,无值返回undefined)。只接受原始字符串作为参数,如果 string 参数不是原始字符串,那么该方法将不作任何改变地返回。

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

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

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

var msg = "hello world";
eval("alert(msg)"); //"hello world"

2、特点和用途

(1)通过eval()执行的代码包含在该次调用的执行环境中,因此被执行的代码具有与该执行环境相同的作用域链。

扫描二维码关注公众号,回复: 3495906 查看本文章
eval("function sayHi() { alert('hi'); }");
sayHi();//'hi'

eval("var msg = 'hello world'; ");
alert(msg); //'hello world'
基于这个特点, eval()可以让写在函数里的代码运行在全局作用域中

比如我们通过ajax请求获取了一段js代码,需要在全局作用域中执行,可代码却是在函数中获得的。这个时候,用window调用eval()就可以解决这个问题。

function fun(){
    var s='function test(){return 1;}';
    window.eval(s);
}
fun();
alert(test());
IE提供了一个方法 execScript(),用于在全局作用域中执行代码。于是兼容的代码如下:

function myEval(code){
 if(!!(window.attachEvent && !window.opera)){
  //ie
  execScript(code); 
 }else{
  //not ie
  window.eval(code);
 }
}


(2) 在eval()中创建的任何变量或函数都不会被提升,因为在解析代码的时候,它们被包含在一个字符串中;它们只在eval()执行的时候创建。
关于这一点,我还没想到有什么应该场景,先记录一下这个特点。




猜你喜欢

转载自blog.csdn.net/latency_cheng/article/details/77745722