性能优化之js代码优化

[pengkobe]

https://www.kancloud.cn/kancloud/web_performance_optimization/80999
优化原则：

根据不同引擎进行不同优化

例如FF、Opera和Safari的JAVASCRIPT引擎，都对字符串的拼接运算（+）做了特别优化

以大规模循环体为最主要优化对象

• 循环会迅速放大可能存在的性能问题

尽量避免过多的引用层级和不必要的多次方法调用

• 在所有操作中，函数调用的效率是较低的
• 过深的prototype继承链或者多级引用也会降低效率（10级引用的开销大体是一次空函数调用开销的1/2。这两者的开销都远远大于简单操作（如四则运算））
• 特别要注意的是，有些情况下看似是属性访问，实际上是方法调用。例如所有DOM的属性，实际上都是方法。在遍历一个NodeList的时候，循环 条件对于nodes.length的访问，看似属性读取，实际上是等价于函数调用的。
• 同样是函数调用，用户自定义函数的效率又远远低于语言内建函数，因为后者是对引擎本地方法的包装，而引擎通常是c,c++,java写的。
• 语言内建构造的开销通常又比内建函数调用要效率高，因为前者在 JS 代码的 parse 阶段就可以确定和优化。

尽量使用语言本身的构造和内建函数

注意： 同样是内建特性，如 arguments 的访问性能就很差，几乎赶上一次函数调用了。