登录

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

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

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

# JavaScript
迷茫迷茫2172 天前398 次浏览

全部回复(1) 我要回复

  • 高洛峰

    高洛峰2017-04-11 12:01:18

    谢邀

    作用域链,当查找一个变量时,先在当前作用查找,就会沿作用域链到上层作用域查找,直到全局作用域,查找的越深,性能越差;
    原型链查找,当查找一个对象属性时,会先查找当前对象的实例属性,如果没有找到则去查找原型上有没有,如果原型上没有,则会查找原型的原型,直到查找到顶级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项的列表中每一个都绑定一个匿名函数会导致耗费过多内存,如果我们使用代理就只需要在祖先级的标签上绑定一个事件,根据冒泡原理,可以减少内存,提高性能

    回复
    0
  • 取消回复发送