1.作用域
javascript如同其他语言一样同样的有其作用域，我们把javascript的作用域可看做是自定的一套规则，通过这套规则可以让引擎来进行变量的查找。
作用域可以分为两种。第一种是最为普遍的，被大多数的编程语言所采用的此法作用域。一种是动态作用域。让我们来讲讲词法作用域。
词法作用域
大部分的编程语言在第一工资阶段叫词法化（也叫单词化）。这概念是理解词法作用域名称来历的基础。
简单的说就是，词法作用域就是定义在词法阶段的作用域。换句话说，词法作用域是由你写在代码时将变量和块作用域写在哪里决定的。因此当词法分析器处理代码时会保持作用域不变（大部分情况下）
查找：
作用域的结构和互相之间的位置关系给引擎提供了了位置信息进行查找。
在javascript中，引擎查找变量一般会从当前的作用域开始进行查找，若是在当前的作用域未找到变量就会向当前作用域所在的作用域查找，换句话说就是向父级作用域查找该变量。若是还未找到就继续向上一级查找。要注意的是引擎会在查找中找到第一个匹配的为止。作用域查找始终会在运行所处的作用域作为最内部作用域开始查找。逐级向上进行查找。
2.骗人的eval和with
eval
javascript中的eval()可以接受一段字符串为参数，并且运行这段字符串。如同代码就写在此处一样。
在执行eval()之后引擎并不知道前面的代码时以动态的形式插入进来并进行欺骗。看下面一段代码：
funtion test(str ,a) {
eval(str)
console.log(a, b)
}
var b = 2
test('var b = 3', 1)
你们猜猜会输出什么？
答案是：1 3
为什么呢？
首先看一看test这函数
eval(str) => 运行了var b = 3
然后输出了 a b
eval(..) 调用中的 "var b = 3;" 这段代码会被当作本来就在那里一样来处理。由于那段代 码声明了一个新的变量 b，因此它对已经存在的 foo(..) 的词法作用域进行了修改。事实 上，和前面提到的原理一样，这段代码实际上在 foo(..) 内部创建了一个变量 b，并遮蔽 了外部(全局)作用域中的同名变量。当console.log()运行时候首先找到就是在test函数中的a,b。但是无法知道外部的b了。 值得注意的是在严格模式下eval有其自己的作用域。在javascript中有许多类似的例子 setTimeout(),setInterval();
with
JavaScript 中另一个难以掌握(并且现在也不推荐使用)的用来欺骗词法作用域的功能是 with 关键字。
在js高级程序设计中是这样描述with关键字的：with语句的作用是将代码的作用域设置到一个特定的作用域中。
看段代码：
但实际上这不仅仅是为了方便地访问对象属性。考虑如下代码:
function foo(obj) { with (obj) {
a = 2; }
}
var o1 = { a: 3
};
var o2 = { b: 3
};
foo( o1 );
console.log( o1.a ); // 2
foo( o2 );
console.log( o2.a ); // undefined
console.log( a ); // 2——不好，a 被泄漏到全局作用域上了!
这个例子中创建了 o1 和 o2 两个对象。其中一个具有 a 属性，另外一个没有。foo(..) 函 数接受一个obj参数，该参数是一个对象引用，并对这个对象引用执行了with(obj) {..}。 在 with 块内部，我们写的代码看起来只是对变量 a 进行简单的词法引用，实际上就是一个 LHS 引用(查看第 1 章)，并将 2 赋值给它。
当我们将 o1 传递进去，a=2 赋值操作找到了 o1.a 并将 2 赋值给它，这在后面的 console. log(o1.a) 中可以体现。而当 o2 传递进去，o2 并没有 a 属性，因此不会创建这个属性， o2.a 保持 undefined。
with可以将一个没有或有多个属性的对象处理为一个完全隔离的词法作用域，因此这个对象的属性也会被处理为定义在这个作用域的词法标识符。
总的来说：
eval接受一段代码，就会修改其所处的词法作用域。而with声明实际上是根据你传递给他的对象凭空创建一个全新的词法作用域。
至于性能问题就是 尽量少用咯！
