javascript eval(func())使用实例

发布时间：2023-08-16 14:32:00 所属栏目：教程来源：

导读：eval的作用其实很简单，就是把一段字符串传递给JS解释器，由Javascript解释器将这段字符串解释成Javascript代码，并且执行他。

举个最简单的例子：

代码如下:

<script type="text/javascript">

eval

eval的作用其实很简单，就是把一段字符串传递给JS解释器，由Javascript解释器将这段字符串解释成Javascript代码，并且执行他。

举个最简单的例子：

代码如下:

<script type="text/javascript">

eval("alert(1+1)");

script>

很简单，把字符串解释成JS代码并执行，弹出2。

当然，上面的例子只是个玩具，在实际中没有人会傻到这么用。我想大家最基本的使用eval函数都是应该在DOM中，例如我们有div1,div2,div3，那么在document.getElementByID时我们的ID没有办法去得到，那么最简单的办法就是在for循环中，使用eval来拼接这么一段程序。例如这样：

代码如下:

<script type="text/javascript">

for (var loop = 1; loop < 10; loop++) {

eval('document.getElementById("div"+loop).innerHTML="123"');

}

script>

最基本的用法说完，相信大家还是对这个函数意犹未尽，如果这个函数只有这么点用法，那就太无聊了。那我们就一点点来剖下一下eval()函数。

我们就先从eval的作用域说起，先看这样一段函数：

代码如下:

<script type="text/javascript">

eval("var i=3");

alert(i);

script>

代码很简单，结果可以弹出3。接下来再对比这段代码：

代码如下:

<script type="text/javascript">

var test = function () {

eval("var i=3");

alert(i);

}

test();

alert(i);

script>

结果是首先弹出3，然后是undefined。

那么说明：eval()函数动态执行的代码并不会创建新的作用域，其代码就是在当前的作用域执行的。因此也就是说，eval()函数也完全可以使用当前作用域的this,argument等对象。

在IE中，支持这样一种和eval()非常类似的函数叫做：execScript()。我们可以来写段简单的代码。

代码如下:

<script type="text/javascript">

var test = function () {

execScript("var i=3");

alert(i);

}

test();

alert(i);

script>

结果弹出了2个3，这也就看出了execScript函数的特点，首先他和eval相类似，都能将字符串解释成JS代码并且执行，但是他的作用域不是当前作用域，而是全局作用域。当我们把上面的代码放到Firefox和谷歌浏览器上去试试：发现在Firefox上execScript上代码是无效的，那么也说明一个问题，execScript代码的浏览器兼容性是有问题的。

那么就引申出这样一个问题，我们如何能把这两个函数的“优点”给汇总到一起呢，也就是说，全局+浏览器兼容性。上网搜了下，自己给汇总了一下，大概是这样：

代码如下:

<script type="text/javascript">

var StrongEval = function (code) {

if (window.navigator.userAgent.indexOf("MSIE") >= 1) {

execScript(code);

}

if (window.navigator.userAgent.indexOf("Firefox") >= 1) {

（编辑：驾考网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!