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作用域会被影响,还是少用为妙。

猜你喜欢

转载自blog.csdn.net/Searchin_R/article/details/82935113