JavaScript——eval全局作用域的两种实现方式

先认识一下eval():

eval() 函数执行表示为字符串形式的JavaScript代码。

语法

eval(string)

•  

参数

string
一个字符串表示了一个JavaScript运算式，语句， 或者是一系列语句。运算式可以包括变量和已存在对象的属性。

返回值

执行指定的代码之后的完整值。如果完整值为空，返回undefined

eval在JavaScript中有两种调用方式：直接调用和间接调用。

• 直接调用时：eval内代码块的作用域绑定到当前作用域。

• 间接调用时：eval内代码块的作用域绑定到全局作用域。

换句话说，eval在间接调用时，就不遵守JavaScript词法环境的规则了。

我们在函数里调用eval的时候属于直接调用，所创建变量的作用域是在当前的作用域下的，而想要间接调用eval，让eval()作用域为全局作用域，目前有三种方式：

1.window .execScript + window . eval 

方法示例：

function  evalGlobal(strScript){
    if( window .execScript) window .execScript( strScript );

    else window . eval ( strScript ); 
}

当需要在局部环境中执行的时候，我们就直接用eval()。当需要在全局环境中执行的时候，我们可以封装一个通用的函数。

这个方法说白了其实就是将IE和非IE区别开来对待。它是目前能够搜索到的使用最多的方式，但因为各大浏览器的标准不一样，所以其实也不算很可靠。

 

2.document . createElement ("script" )   

方法示例：

function  evalGlobal(strScript){ 
        var a = document .createElement ("script" );
        a.type= "text/javascript" ;
        a.text= strScript ;
        document .getElementsByTagName ("head" )[0 ].appendChild (a) ;
}

 

这个方法是通过新建一个<script>元素装载脚本，从而达到目的。这个方式很可靠，效果也还凑合，但是不够简洁。

注：eval定义全局代码安全性不高，可靠性低，会导致性能下降，且在严格模式下eval作用域会被影响，还是少用为妙。