运行时代码求值

代码求值一共有4种方式:

  1. eval()函数
  2. 函数构造器
  3. 定时器
  4. <script>元素

一、eval()函数求值

  • 该方法将执行传入代码的字符串
  • 在调用eval()方法的作用域内进行代码求值
alert(eval('5 + 5')); //10
alert(eval('var ninja = 5;')); //undefined
alert(ninja === 5); //true
(function(){
       eval('var ninja = 6;');
       alert(ninja === 6); //true
})();

alert(eval('window.ninja === 5')); //true
alert(ninja === 5); //true

应该指出的是,任何不是简单变量、原始值、赋值语句的内容都需要在外面包装一个括号,以便返回正确结果。

比如用eval创建一个对象:

var o = eval('({ninja:1})');

另外,用eval()创建函数,如果在IE8或之前的版本的浏览器运行可能会有一个令人惊讶的结果。我们要迫使使用布尔表达式,才能让eval()进行正确的调用。

var fn = eval('false || function(){return true;}');
alert(fn() === true); //true

二、函数构造器求值:

var add = new Function('a','b','return a+b;');

alert(add(3,4)); //7

三、定时器求值:

var tick = window.setTimeout(alert('Hi!'),100);

四、全局作用域内的求值操作

<script type="text/javascript">
       //定义一个全局eval函数
       function globalEval(data){
//去除字符串中的所有前导和尾部的空白字符 data
= data.replace(/^s*|s*$/g,''); if(data){ var head = document.getElementsByTagName('head')[0] || document.documentElement, script = document.createElement('script'); //创建一个script节点 script.type = 'text/javascript'; script.text = data; //将script节点附加到DOM上 head.appendChild(script); //再去除它 head.removeChild(script); } } window.onload = function(){ (function(){ globalEval('var test = 5;'); })(); alert(test === 5); } </script>

上述代码出人意料的简单。在eval()方法中,我们定义了一个名为globalEval()的函数,以便在全局作用域内求值任何想要求值的内容。

原文地址:https://www.cnblogs.com/gongshunkai/p/6698523.html