javascript之學會吝嗇精簡代碼

2019-11-21 00:32:58

字體：大中小

來源：轉載

供稿：網友

1、吝嗇你的代碼，用最少的代碼做最合適的事情；
　　比如你的代碼中用到了很多document.getElementById()，你是否考慮寫一個簡單的ID選擇器

 
function $(Id) 
{ 
return document.getElementById(Id); 
} 

2、吝嗇你的補丁，不要為了實現功能在現有框架上打補丁，而是框架擴展上寫實現，如果框架不能擴展，是否考慮部分重構？
　　比如你已經擁有一套完整的表單正則驗證框架，某天你發現某個表單在嚴重框架里找不到對應的正則，你可能的做法是追加一個if就能簡單的實現，可為何不在驗證框架里面擴展一個正則，保持代碼的干凈呢？
、吝嗇代碼執行的步驟
　　比如我們在寫ajax代碼時，我們經常寫如下的代碼：

復制代碼代碼如下:

 
var xmlObject; 
function createXMLHTTPRequest() 
{ 
if(window.ActiveXObject) 
{ 　　 
xmlObject = new ActiveObject("Microsoft.XMLHTTP"); 
} 
else 
{ 　　 
xmlObject = new XMLHTTPRequest(); 
} 
} 

但我們每生成一次對象就要進行一次判斷，為何不在第一次生成對象后記憶下來，下次直接new呢？改進后如下

復制代碼代碼如下:

 
var _ajax = function(){ 
_self = this; 
} 
_ajax.prototype = { 
/** 
* 構建http請求對象 
*/ 
_create: function(){ 
var factories = [ 
function(){return new XMLHttpRequest();}, //非IE系列 
function(){return new ActiveXObject("Microsoft.XMLHTTP");}, //IE 
function(){return new ActiveXObject("Msxml2.XMLHTTP");} //IE某些版本 
]; 
for (var i = 0; i < factories.length; i++) { 
try { 
if (factories[i]()) { 
return factories[i]; 
} 
} 
catch (e) { 
continue; 
} 
} 
return factory[2]; 
}(), 
} 