快捷導(dǎo)航

js 代碼優(yōu)化點滴記錄

更新時間：2012年02月19日 20:52:58 作者：

這次項目中有一個功能，頻繁使用switch語句，代碼優(yōu)化的時候，將其換成數(shù)組

1、簡單示例如下：
switch用例

 
var caseContent = '';//條件判斷后處理內(nèi)容 
var caseValue = 5 ;//條件判斷值 
switch(caseValue){ 
case 0: 
caseContent = "鞋子"; 
break; 
case 1: 
caseContent = "褲子"; 
break; 
case 2: 
caseContent = "外套"; 
break; 
... ... 
case 5: 
caseContent = "帽子"; 
break; 
default : 
caseContent = "隨便"; 
break; 
} 

數(shù)組用例

復(fù)制代碼代碼如下:

 
var caseContent = '';//條件判斷后處理內(nèi)容 
var caseValue = 5 ;//條件判斷值 
var caseContentArr = ["鞋子","褲子","外套"... ...,"帽子"]; 
caseContent = caseContentArr[caseValue] ? caseContentArr[caseValue]:"隨便"; 

2、優(yōu)缺點分析
數(shù)組方式代碼簡潔、效率高，但可讀性不如switch用例。

代碼優(yōu)化

相關(guān)文章

使用原生的javascript來實現(xiàn)輪播圖
這篇文章主要介紹了使用原生的javascript來實現(xiàn)輪播圖,在代碼底部給大家補充了原生javascript實現(xiàn)banner圖自動輪播切換，需要的朋友可以參考下
2017-02-02
動態(tài)加載JS文件的三種方法
動態(tài)加載JS文件的三種方法
2013-11-11
詳解組件庫的webpack構(gòu)建速度優(yōu)化
這篇文章主要介紹了詳解組件庫的webpack構(gòu)建速度優(yōu)化，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-06-06
獲取JS中網(wǎng)頁各種高寬與位置的方法總結(jié)
本文詳細羅列了如何在javascript獲取網(wǎng)頁各種高寬及位置，內(nèi)容比較全面，有需要的可以參考一下。
2016-07-07
淺談對于“不用setInterval，用setTimeout”的理解
這篇文章主要介紹了淺談對于“不用setInterval，用setTimeout”的理解，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-08-08
聊一聊對js包裝對象的理解
JavaScript中的基本類型通過自動裝箱和拆箱機制,可以臨時轉(zhuǎn)換為對應(yīng)的包裝對象,以訪問屬性和方法,了解包裝對象的臨時性和手動創(chuàng)建方式有助于編寫更高效和正確的代碼,感興趣的朋友跟隨小編一起看看吧
2024-11-11
禁止IE用右鍵的JS代碼
這篇文章主要介紹了禁止IE用右鍵的JS代碼，有需要的朋友可以參考一下
2013-12-12
js封裝成插件的步驟方法
本篇文章主要介紹了js封裝成插件的步驟方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09
用js模仿word格式刷功能實現(xiàn)代碼 [推薦]
非常不錯的模仿word格式刷實現(xiàn)代碼。推薦大家參考下思路。
2009-07-07
js添加事件的通用方法推薦
下面小編就為大家?guī)硪黄猨s添加事件的通用方法推薦。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05