IE7 要注意的 js 开发要点

下面文章是我的一个 js 高手同事提出来的 。很不错 发到blog 上！

IE7出来了，所以我关心了一下，在MicroSoft的IE博客上看到这篇文章，讲JavaScript代码要注意的要点和性能改善的，推荐一下：
http://blogs.msdn.com/ie/

 

大体上有以下几点：
1.尽量避免不定义就使用变量，因为浏览器会层层的向上查找该变量，一直到最后都没有找到才定义新的变量，而这样会很影响性能。
2.在为HTML DOM对象设置属性(尤其是InnerHTML)的时候要使用缓存，不能连续的读写，因为每次读写都会对该DOM对象进行解析和实例化，这个影响也很大。例如：
 function BuildUI()
 {
       var baseElement = document.getElementById(‘target’);
       baseElement.innerHTML = ‘’; // Clear out the previous
       baseElement.innerHTML += BuildTitle();
       baseElement.innerHTML += BuildBody();
       baseElement.innerHTML += BuildFooter();
 }
应该写成
 function BuildUI()
 {
       var elementText = BuildTitle() + BuildBody() + BuildFooter();
       document.getElementById(‘target’).innerHTML = elementText;
 }
3.缓存属性频繁使用的变量。例如：
 obj.style.fontSize="1px";
 obj.style.color="red";
 obj.style.border="1px";
 obj.style.padding="1px";
 应该改成：
 var style=obj.style;
 style.fontSize="1px";
 style.color="red";
 style.border="1px";
 style.padding="1px";
 这样就避免了每次查找style属性
4.缓存函数指针，例如：
 function IterateWorkOverCollection()
 {
       var length = myCollection.getItemCount();
 
       for(var index = 0; index<length; index++)
       {
             Work(myCollection[index]);
       }
 }
 这个写法每次都要向上递归查找Work函数，所以要写成这样：
 function IterateWorkOverCollection()
 {
       var funcWork = Work;//缓存函数指针
       var length = myCollection.getItemCount();
 
       for(var index = 0; index<length; index++)
       {
      funcWork(myCollection[index]);
       }
 }
5.避免使用with,这个语句有时候带来很多方便，不过要注意的是，它名没有使用缓存，还是一次次的查找变量