龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

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

时间:2013-03-06 14:58来源:未知 作者:admin 点击:
分享到:
(3)尽量使用JavaScript原生函数 要找一组数字中的最大数,我们可能会写一个循环,例如: var numbers =[3,342,23,22,124]; var max = 0 ; for(var i = 0 ;i numbers.length ;

(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(' ');  

精彩图集

赞助商链接