javascript之學(xué)會(huì)吝嗇 精簡(jiǎn)代碼
更新時(shí)間：2010年04月25日 02:15:55 作者：
前端開發(fā)，要學(xué)會(huì)吝嗇:
1、吝嗇你的代碼，用最少的代碼做最合適的事情；
比如你的代碼中用到了很多document.getElementById()，你是否考慮寫一個(gè)簡(jiǎn)單的ID選擇器
function $(Id)
{
return document.getElementById(Id);
}
2、吝嗇你的補(bǔ)丁，不要為了實(shí)現(xiàn)功能在現(xiàn)有框架上打補(bǔ)丁，而是框架擴(kuò)展上寫實(shí)現(xiàn)，如果框架不能擴(kuò)展，是否考慮部分重構(gòu)？
比如你已經(jīng)擁有一套完整的表單正則驗(yàn)證框架，某天你發(fā)現(xiàn)某個(gè)表單在嚴(yán)重框架里找不到對(duì)應(yīng)的正則，你可能的做法是追加一個(gè)if就能簡(jiǎn)單的實(shí)現(xiàn)，可為何不在驗(yàn)證框架里面擴(kuò)展一個(gè)正則，保持代碼的干凈呢？
、吝嗇代碼執(zhí)行的步驟
比如我們?cè)趯慳jax代碼時(shí)，我們經(jīng)常寫如下的代碼：
var xmlObject;
function createXMLHTTPRequest()
{
if(window.ActiveXObject)
{
xmlObject = new ActiveObject("Microsoft.XMLHTTP");
}
else
{
xmlObject = new XMLHTTPRequest();
}
}
但我們每生成一次對(duì)象就要進(jìn)行一次判斷，為何不在第一次生成對(duì)象后記憶下來(lái)，下次直接new呢？改進(jìn)后如下
var _ajax = function(){
_self = this;
}
_ajax.prototype = {
/**
* 構(gòu)建http請(qǐng)求對(duì)象
*/
_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];
}(),
}
這段代碼看起來(lái)視乎比上面執(zhí)行步驟多很多，但當(dāng)?shù)谝淮握{(diào)用_ajax._create()后，_ajax._create已經(jīng)被改變成一個(gè)兼容當(dāng)前瀏覽器的匿名函數(shù)，以后的調(diào)用都不再會(huì)做判斷；
比如你的代碼中用到了很多document.getElementById()，你是否考慮寫一個(gè)簡(jiǎn)單的ID選擇器
復(fù)制代碼 代碼如下:
function $(Id)
{
return document.getElementById(Id);
}
2、吝嗇你的補(bǔ)丁，不要為了實(shí)現(xiàn)功能在現(xiàn)有框架上打補(bǔ)丁，而是框架擴(kuò)展上寫實(shí)現(xiàn)，如果框架不能擴(kuò)展，是否考慮部分重構(gòu)？
比如你已經(jīng)擁有一套完整的表單正則驗(yàn)證框架，某天你發(fā)現(xiàn)某個(gè)表單在嚴(yán)重框架里找不到對(duì)應(yīng)的正則，你可能的做法是追加一個(gè)if就能簡(jiǎn)單的實(shí)現(xiàn)，可為何不在驗(yàn)證框架里面擴(kuò)展一個(gè)正則，保持代碼的干凈呢？
、吝嗇代碼執(zhí)行的步驟
比如我們?cè)趯慳jax代碼時(shí)，我們經(jīng)常寫如下的代碼：
復(fù)制代碼 代碼如下:
var xmlObject;
function createXMLHTTPRequest()
{
if(window.ActiveXObject)
{
xmlObject = new ActiveObject("Microsoft.XMLHTTP");
}
else
{
xmlObject = new XMLHTTPRequest();
}
}
但我們每生成一次對(duì)象就要進(jìn)行一次判斷，為何不在第一次生成對(duì)象后記憶下來(lái)，下次直接new呢？改進(jìn)后如下
復(fù)制代碼 代碼如下:
var _ajax = function(){
_self = this;
}
_ajax.prototype = {
/**
* 構(gòu)建http請(qǐng)求對(duì)象
*/
_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];
}(),
}
這段代碼看起來(lái)視乎比上面執(zhí)行步驟多很多，但當(dāng)?shù)谝淮握{(diào)用_ajax._create()后，_ajax._create已經(jīng)被改變成一個(gè)兼容當(dāng)前瀏覽器的匿名函數(shù)，以后的調(diào)用都不再會(huì)做判斷；
相關(guān)文章
Pyqt常常使用主從架構(gòu)（Master-Workers 架構(gòu)）來(lái)避免界面卡死的情況,本文主要介紹了Pyqt5實(shí)現(xiàn)多線程程序的使用示例,感興趣的可以了解一下2023-11-11
jquery 實(shí)現(xiàn)輸入郵箱時(shí)自動(dòng)補(bǔ)全下拉提示功能
大家在做Web項(xiàng)目，都會(huì)有注冊(cè)登錄模塊，如果是郵箱注冊(cè)，想要在輸入@后觸發(fā)下拉框顯示各個(gè)郵箱的功能。下面介紹一款jQuery實(shí)現(xiàn)輸入郵箱的時(shí)候，可自動(dòng)補(bǔ)全郵箱地址，也可稱為是“輸入提示”的功能，比如輸入aaa時(shí)，自動(dòng)變成aaa@163.com，有效提升網(wǎng)頁(yè)的人性化體驗(yàn)2015-10-10
JS庫(kù)particles.js創(chuàng)建超炫背景粒子插件(附源碼下載)
particles.js用于創(chuàng)建粒子的輕量級(jí) JavaScript 庫(kù)。使用方法非常簡(jiǎn)單，代碼也很容易實(shí)現(xiàn)，下面通過(guò)本文給大家分享JS庫(kù)particles.js創(chuàng)建超炫背景粒子插件附源碼下載，需要的朋友參考下吧2017-09-09
本篇文章主要介紹了webpack4 css打包壓縮問(wèn)題的解決，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-05-05
這篇文章主要給大家介紹了Javascript生成帶有參樹二維碼的方法,實(shí)現(xiàn)的方法還是很簡(jiǎn)單的，有需要的朋友們可以參考借鑒。下面來(lái)一起看看吧。2016-10-10
這篇文章主要介紹了JavaScript獲取表單enctype屬性的方法,涉及javascript操作表單屬性的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-04-04
我們先看一個(gè)關(guān)于Javascript利用循環(huán)綁定事件的例子2008-10-10
JavaScript中有關(guān)一個(gè)數(shù)組中最大值和最小值及它們的下表的輸出的解決辦法
這篇文章主要介紹了JavaScript中有關(guān)一個(gè)數(shù)組中最大值和最小值及它們的下表的輸出的一種解決辦法，本文還給大家介紹了js快速獲取數(shù)組中最大值和最小值的方法，非常不錯(cuò),需要的朋友可以參考下2016-07-07
本文通過(guò)實(shí)例代碼給大家介紹了BootStrap Table復(fù)選框默認(rèn)選中功能(從數(shù)據(jù)庫(kù)獲取到對(duì)應(yīng)的狀態(tài)進(jìn)行判斷是否為選中狀態(tài))，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下吧2017-07-07
下面小編就為大家?guī)?lái)一篇淺談JavaScript對(duì)象與繼承。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07