视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
JavaScript中with的用法
2020-11-27 19:36:36 责编:小采
文档

性能下降

??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网。

下载本文
显示全文
专题