0 Comments

JavaScript初学者应注意的七个细节(3)

发布于:2013-05-09  |   作者:广州网站建设  |   已聚集:人围观

(3)尽量使用JavaScript原生函数

要找一组数字中的最大数,我们可能会写一个循环,例如:


  1. var numbers = [3,342,23,22,124];  
  2. var max = 0;  
  3. for(var i=0;i<numbers.length;i++){  
  4. if(numbers[i] > max){  
  5. max = numbers[i];  
  6. }  
  7. }  
  8. alert(max); 

其实,不用循环可以实现同样的功能:


  1. var numbers = [3,342,23,22,124];  
  2. numbers.sort(function(a,b){return b - a});  
  3. alert(numbers[0]); 

而最简洁的写法是:

广州网站建设,网站建设,广州网页设计,广州网站设计
  1. Math.max(12,123,3,2,433,4); // returns 433 

你甚至可以使用Math.max来检测浏览器支持哪个属性:


  1. var scrollTopMath.max(  
  2.  doc.documentElement.scrollTop,  
  3.  doc.body.scrollTop  
  4. ); 

如果你想给一个元素增加class样式,可能原始的写法是这样的:


  1. function addclass(elm,newclass){  
  2. var c = elm.className;  
  3. elm.className = (c === '') ? newclass : c+' '+newclass; 

而更优雅的写法是:

广州网站建设,网站建设,广州网页设计,广州网站设计
  1. function addclass(elm,newclass){  
  2. var classes = elm.className.split(' ');  
  3. classes.push(newclass);  
  4. elm.className = classes.join(' ');  
飞机