改变词法作用域的eval和with

eval和with是一些源码(比如最近在看的friday)中常用的方法。

eval

javascript中的eval函数可以接受一个字符串作为它的参数，并能将该参数作为代码进行执行，也就是说在你写代码的地方可以生成代码并运行，来看如下代码：

var str="console.log(1)";
eval(str);   //1

上面代码运行结果是控制台输出打印了1，而str只是一个字符串参数。看着好像是可以动态的生成代码了，我们再来看如下的代码:

function foo(str,a){
    eval(str);
    console.log(b,a);
}
var b=1;
var s="var b=2";
foo(s,3)  //2 3

优缺点

缺点：eval导致词法作用域被改变(本来b的词法作用域是外部，结果变成了内部=>就是由内而外寻找)，编译器在执行的时候，因为这个问题会执行的很慢(性能问题)。
优点：eval的优势也很明显，随便传入一个js字符串就可以执行。并且在eval()所处的当前行执行。

with

with通常被当做是应用一个对象的引用，在引用对象属性时候，不用重复引用对象本身，来看下面的例子：

function foo(obj){
    with(obj){
        a=2;
    }
}
var s1={
    a=3;
};
var s2={
    b=3
};
foo(s1);
console.log(s1.a)//2
foo(s2);
console.log(s2.a)//undefined
console.log(a)//2 a变为全局作用域上去

可以看到当s1有a属性，s2没有a属性，输出s1的a属性值时输出了2，也就是说with改变了当前的词法作用域，再看s2上的a属性（其实没有a属性）输出了undefined，挺正常，但是当输出a时就变为了2，也就是with弄出了个新的作用域。
with对某个对象赋值属性，如果该对象没有这个属性，这个属性就会被放到全局作用域，变成一个全局变量

优缺点

缺点：当object为非常复杂的嵌套结构时,with使得代码显得非常简洁。
优点：生成了全局变量，造成数据污染，编译器在执行的时候，因为这个问题会执行的很慢(性能问题)。