eval & window.eval & window.execScript 的区别
首先看一下 eval 和 window.eval 的区别
直接看示例代码:
var x = 2; var test = function(){ var x = 5; eval('alert(x)'); }; var test_win = function(){ var x = 6; window.eval('alert(x)'); }; alert(x); // IE6/7/8/9/Chrome/Ff: 2 test(); // IE6/7/8: 5, IE9/Chrome/Ff: 2 test_win(); // IE6/7/8: 6, IE9/Chrome/Ff: 2
这里首先定义了一个全局变量x,然后分别在 test 和 test_win 的局部闭包内定义了变量x。可以看到 eval 引用的局部变量的x,而 window.eval 引用的是全局变量x(在IE9,Chrome,FF下)。
各位看官看到这里应该已经发现了,在IE6/7/8下还有兼容性的问题,就是说eval和window.eval在IE6/7/8下的作用是一样的。
那如何才能兼容IE6/7/8呢?这个时候 window.execScript就派上用场了,而且这个玩意也只有IE才支持。
将上面的 window.eval 换成 window.execScript,IE下面测试结果也是返回 2,bingo!
总结:
eval 作用于局部作用域,window.eval 和 window.execScript 作用于全局作用域,也可以等价的这么看
eval === eval.call(this, str);
window.eval === eval.call(window, str);