JavaScript中with的用法

性能下降

??with 会在运行时修改或创建新的作用域，以此来欺骗其他在书写时定义的词法作用域。with 可以使代码更具有扩展性，虽然有着上面的数据泄漏的可能，但只要稍加注意就可以避免，难道不是可以创造出很好地功能吗？
??答案是否定的，具体原因我们先来看下面的这部分代码。

下面代码可以直接复制出去运行

<script>function func() {
 console.time("func"); var obj = {
 a: [1, 2, 3]
 }; for(var i = 0; i < 100000; i++)
 { var v = obj.a[0];
 }
 console.timeEnd("func");
}
func();function funcWith() {
 console.time("funcWith"); var obj = {
 a: [1, 2, 3]
 }; with(obj) { for(var i = 0; i < 100000; i++) { var v = a[0];
 }
 }
 console.timeEnd("funcWith");
}
funcWith();</script>

接着是，测试效果：

在处理相同逻辑的代码中，没用 with 的运行时间仅为 4.63 ms。而用 with 的运用时间长达 81.87ms。

这是为什么呢？
??原因是 JavaScript 引擎会在编译阶段进行数项的性能优化。其中有些优化依赖于能够根据代码的词法进行静态分析，并预先确定所有变量和函数的定义位置，才能在执行过程中快速找到标识符。
??但如果引擎在代码中发现了 with，它只能简单地假设关于标识符位置的判断都是无效的，因为无法知道传递给 with 用来创建新词法作用域的对象的内容到底是什么。
??最悲观的情况是如果出现了 with ，所有的优化都可能是无意义的。因此引擎会采取最简单的做法就是完全不做任何优化。如果代码大量使用 with 或者 eval()，那么运行起来一定会变得非常慢。无论引擎多聪明，试图将这些悲观情况的副作用限制在最小范围内，也无法避免如果没有这些优化，代码会运行得更慢的事实。

?本文讲解了JavaScript中 with的用法 ，更多相关内容请关注Gxl网。