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

水深无声 2022-06-09 07:45 276阅读 0赞

之前对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()执行的代码包含在该次调用的执行环境中，因此被执行的代码具有与该执行环境相同的作用域链。

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()执行的时候创建。  
关于这一点，我还没想到有什么应该场景，先记录一下这个特点。

发表评论取消回复

表情：

评论列表（有 0 条评论，276人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript全局函数eval()

eval()函数作用：若该函数中的参数为表达式，则执行表达式；若参数为字符串形式的JS代码，则参数代码会被执行且返回执行结果。注意： ① 取消 eval() 对代码

àì夳堔傛蜴生んèń/ 2022年12月24日 14:50/ 0 赞/ 154 阅读

相关在Javascript中Eval函数的使用

JavaScript有许多小窍门来使编程更加容易。其中之一就是eval()函数，这个函数可以把一个字符串当作一个JavaScript表达式一样去执行它。举个小例子 ![Non

约定不等于承诺〃/ 2022年08月07日 07:41/ 0 赞/ 181 阅读

相关深入认识javascript中的eval函数

本文转载自：[http://wanyij.blog.51cto.com/46570/43794][http_wanyij.blog.51cto.com_46570_43794]

短命女/ 2022年07月13日 15:58/ 0 赞/ 171 阅读

相关 JavaScript eval() 函数详解

JavaScript eval() 函数详解 eval()函数用于计算并执行以字符串表示的JavaScript代码。eval()函数使JS可以动态执行JavaScript源

布满荆棘的人生/ 2022年06月18日 07:47/ 0 赞/ 213 阅读

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

之前对eval()函数一直有一些疑问，觉得没什么用，很疑惑为什么设计这样一个方法，今天来总结一下。 1、定义和用法 eval() 函数可计算某个字符串，并执行其中

水深无声/ 2022年06月09日 07:45/ 0 赞/ 277 阅读

相关 javaScript中eval()函数详解

语法 eval(string) 参数 `string` 一串表示JavaScript表达式，语句，或者是一系列语句的字符串。表达式可以包括变量以及已存

阳光穿透心脏的1/2处/ 2022年06月07日 13:37/ 0 赞/ 199 阅读

相关 JavaScript 中的 this 究竟指向谁，箭头函数的 this 有什么不同

1、普通函数先说说普通函数中的this，各式各样的情况下判断this的指向，可以说是非常刁钻了。判断的时候，只要记住【 this 永远指向调用它的对象，new的时候，指向n

痛定思痛。/ 2022年05月25日 23:19/ 0 赞/ 205 阅读

相关在Javascript中Eval函数的使用

【eval()函数】 JavaScript有许多小窍门来使编程更加容易。其中之一就是eval()函数，这个函数可以把一个字符串当作一个JavaSc

素颜马尾好姑娘i/ 2022年01月11日 11:59/ 0 赞/ 526 阅读

相关 JavaScript函数式编程究竟是什么?

摘要：理解函数式编程。作者：前端小智原文：[JS中函数式编程基本原理简介][JS] [Fundebug][]经授权转载，版权归原作者所有。在长时间学习

冷不防/ 2021年11月05日 13:58/ 0 赞/ 330 阅读

相关 JavaScript中this究竟指向什么？

摘要：神奇的this！原文：[JS 中 this 在各个场景下的指向][JS _ this] 译者：前端小智 [Fundebug][]经授权转载，版权归原作

Bertha 。/ 2021年10月23日 14:24/ 0 赞/ 347 阅读