javascript中的eval和with语句如何影响性能

浏览器对javascript的解析过程

要想知道eval和with是如何影响浏览器的性能。我们首先要大概的了解一下浏览器解析javascript语句的过程。

1.分词/词法分析

在这个过程中，会将一句一句的代码，分成一块一块有意义的代码块。这些代码块称为词法单元。例如：一句简单的赋值语句会被分成。var ， 变量名， =， 变量值。四个部分。

2.语法分析

语法分析是编译过程的一个逻辑阶段。语法分析的任务是在词法分析的基础上将单词序列组合成各类语法短语，如“程序”，“语句”，“表达式”等等。

3.代码生成

将代码转成可以执行的代码的过程称为代码生成。这个过程不同语言会不相同。

---

浏览器在解析js语句的时候和上面的三个过程很相似，在某些环节会有些复杂。例如浏览器会对运行性能进行优化，以提高代码运行的速度。

js的作用域会在词法分析阶段确定。这和你书写代码是的顺序有关。词法作用域一旦确定，一般不会改变。但是eval和with会对已经形成的作用域起作用。

function fn(){
    eval("a=4");
    alert(a);//4
}
var a=3;
fn();

上面代码的运行结果是4.

function fn(obj){
    with(obj){
        age=8;
    }
}
var person={
    age:21
};
fn(person);
console.log( person.age );//8

上面的with语句创建了一个私有的作用域。

eval和with语句都会对词法阶段的作用域产生影响。JavaScript引擎会在编译阶段进行数项的性能优化。其中有些优化依赖于能够根据代码的词法进行静态分析，并预先确定所有变量和函数的定义位置，才能在执行过程中快速找到标识符。—-《你不知道的javascript》

但是如果存在eval(..)和 with，引擎对变量和函数定义的位置有可能发生变化。
最悲观的情况是如果出现了 eval(..) 或 with ，所有的优化可能都是无意义的，因此最简单的做法就是完全不做任何优化。

---

总结：eval和with会对词法阶段的作用域产生影响，从而影响引擎对代码的优化。在生产中不要使用eval和with语句。