JavaScript性能优化(二)

4. 最小化语句数

JavaScript代码中语句数量也影响所执行的操作的速度。完成多个操作的单个语句要比完成单个操作的多个语句快。

我们可以将多个var合并到一个var语句中来声明。它们之间用逗号隔开。

        function Fun8() {

            var a = 0;

            var b = 1;

            var c = 2;

        }



        function Fun9() {

            var a = 0,

                b = 1,

                c = 2;

        }

 

我们使用迭代值的时候，尽可能合并语句。

        function Fun10{

            var arr = new Array();

            for (var i = 0; i < 10; ) {

                var name = arr[i];

                i++;

            }

        }



        function Fun11{

            var arr = new Array();

            for (var i = 0; i < 10;) {

                var name = arr[i++];    //将两行代码操作合并为一行

            }

        }

 

5. 使用innerHTML

有两种方法可以在页面上创建DOM节点：使用诸如appendChild(),CreateElement()之类的DOM方法，以及使用innerHTML。对于小的更改而言两种差别不大，但如果是大的DOM修改，使用innerHTML就比使用标准的DOM方法要快。    

需要注意的是，使用innerHTML要最小化调用它的次数，可以先构造一个HTML字符串一次性调用innerHTML。

 

6. 最小化访问HTMLCollection

任何时候都要注意HTMLCollection，不管它是一个属性还是一个方法，都是在一个文档上进行一个查询，这个查询的开销很昂贵。最小化访问HTMLCollection可以改进脚本的性能。

编写JavaScript的时候，一定要知道何时返回HTMLCollection对象，这样你就可以最小化它的访问了，以下情况下会返回HTMLCollection对象：

1. 进行了对getElementsByTagName，getElementsByClassName的调用

2. 获取了元素childNodes属性

3. 获取了元素attributes属性

4. 访问了特殊的集合读document.forms,document.images等