javascript性能 - 请问javascript的性能瓶颈是什么?

问题描述

问 题

今天被问到一个问题：javascript的性能瓶颈是什么？作为一个菜鸟就直接就闷逼了。

我知道js性能优化需要考虑：作用域、原型链、优化循环、DOM操作、使用事件代理等等。那么它的瓶颈是什么呢，该如何理解？

解决方案

谢邀

作用域链，当查找一个变量时，先在当前作用查找，就会沿作用域链到上层作用域查找，直到全局作用域，查找的越深，性能越差；
原型链查找，当查找一个对象属性时，会先查找当前对象的实例属性，如果没有找到则去查找原型上有没有，如果原型上没有，则会查找原型的原型，直到查找到顶级Object,查找的越深，性能越差；
循环：有些可能一层循环就可以搞定，就不必用两层；还有循环中有时会用length，for(var i=0; i<arr.length; i++)，每一次循环都会求值一次arr.length,性能就不如for(var i=0,len=arr.length; i<len; i++)
DOM操作，DOM操作是很耗费性能的，如果有大量更新DOM，我们可以在js中统一更新后，再一次更新到页面中，减少重绘和回流的次数
事件代理，如果在一个10000项的列表中每一个都绑定一个匿名函数会导致耗费过多内存，如果我们使用代理就只需要在祖先级的标签上绑定一个事件，根据冒泡原理，可以减少内存，提高性能

这篇关于javascript性能 - 请问javascript的性能瓶颈是什么?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！