javascript之学会吝啬精简代码_javascript技巧-js教程-PHP中文网

javascript之学会吝啬精简代码_javascript技巧

php中文网

发布： 2016-05-16 18:28:54

原创

1242人浏览过

1、吝啬你的代码，用最少的代码做最合适的事情；
　　比如你的代码中用到了很多document.getElementById()，你是否考虑写一个简单的ID选择器

Live PPT

一款AI智能化生成演示内容的在线工具。只需输入一句话、粘贴一段内容、或者导入文件，AI生成高质量PPT。

299

查看详情

复制代码代码如下:

 
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 try { 
if (factories[i]()) { 
return factories[i]; 
} 
} 
catch (e) { 
continue; 
} 
} 
return factory[2]; 
}(), 
} 