使用表驅(qū)動法替代普通的判斷分支語句(JS的深入探索)

一、定義

表驅(qū)動方法(Table-Driven Approach)是一種使你可以在表中查找信息高帖,而不必用很多的邏輯語句(if或case)來把它們找出來的方法。事實上,任何信息都可以通過表來挑選茉兰。在簡單的情況下,邏輯語句往往更簡單而且更直接欣簇。

簡單講是指用查表的方法獲取值规脸。 我們平時查字典以及念初中時查《數(shù)學用表》找立方根就是典型的表驅(qū)動法坯约。在數(shù)值不多的時候我們可以用邏輯語句(if 或case)的方法來獲取值,但隨著數(shù)值的增多邏輯語句就會越來越長,此時表驅(qū)動法的優(yōu)勢就顯現(xiàn)出來了。(百度百科)

二莫鸭、數(shù)組中的應用

假設你需要一個可以返回每個月中天數(shù)的函數(shù)(為簡單起見不考慮閏年)

使用if else

function iGetMonthDays(iMonth) {
  let iDays;
  if(1 == iMonth) {iDays = 31;}
  else if(2 == iMonth) {iDays = 28;}
  else if(3 == iMonth) {iDays = 31;}
  else if(4 == iMonth) {iDays = 30;}
  else if(5 == iMonth) {iDays = 31;}
  else if(6 == iMonth) {iDays = 30;}
  else if(7 == iMonth) {iDays = 31;}
  else if(8 == iMonth) {iDays = 31;}
  else if(9 == iMonth) {iDays = 30;}
  else if(10 == iMonth) {iDays = 31;}
  else if(11 == iMonth) {iDays = 30;}
  else if(12 == iMonth) {iDays = 31;}
  return iDays;
}

使用表驅(qū)動(包括閏年判斷)

const monthDays = [
  [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
  [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]
]
function getMonthDays(month, year) {
  let isLeapYear = (year % 4 === 0) && (year % 100 !== 0 || year % 400 === 0) ? 1 : 0
  return monthDays[isLeapYear][(month - 1)];
}
console.log(getMonthDays(2, 2000))

三鬼店、對象中的應用

形如:

if (key = "Key A")
{
   處理 Key A 相關的數(shù)據(jù)。
}
else if (key = "Key B")
{
   處理 Key B 相關的數(shù)據(jù)黔龟。
}

if (key = "Key A")
{
   執(zhí)行 Key A 相關的行為妇智。
}
else if (key = "Key B")
{
   執(zhí)行 Key B 相關的行為。
}

可以改裝成:

let table = {
  A: {
    data: "數(shù)據(jù)1",
    action: "行為1"
  },
  B: {
    data: "數(shù)據(jù)2",
    action: "行為2"
  }
}

function handleTable(key) {
  return table[key]
}
console.log(handleTable('A').data)

let table = {
  A: {
    data: "數(shù)據(jù)1",
    action () {
      console.log('action 1')
    }
  },
  B: {
    data: "數(shù)據(jù)2",
    action () {
      console.log('action 2')
    }
  }
}

function handleTable(key) {
  return table[key]
}
handleTable('A').action()

回顧一下我以前寫的代碼氏身,好多復雜的代碼都通過這種方式簡化了不少巍棱,比如:

let vm = this
let adTable = {
  bdkq () {
    window.clLib.localStorageOperating.updateData('default_hospital_code', '871978')
    vm.$router.push('/hospital')
  },
  etyy () { vm.goSp(10012) },
  szn () { vm.goCh('szn') }
}
adTable[data.key] ? adTable[data.key]() : location.href = data.ad_url

以前是怎么寫的呢? 看看就知道了,特別復雜!

switch (data.key) {
  case 'bdkq':
    window.clLib.localStorageOperating.updateData('default_hospital_code', '871978')
    this.$router.push('/hospital')
    break
  case 'etyy':
    this.goSp(10012)
    break
  case 'szn':
    this.goCh('szn')
    break
  default:
    location.href = data.ad_url
    break
}

四蛋欣、總結(jié)

好的代碼總是將復雜的邏輯以分層的方式降低單個層次上的復雜度航徙。復雜與簡單有一個相互轉(zhuǎn)化的過程。(CSDN)

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末陷虎,一起剝皮案震驚了整個濱河市到踏,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌尚猿,老刑警劉巖窝稿,帶你破解...
    沈念sama閱讀 216,744評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異凿掂,居然都是意外死亡伴榔,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,505評論 3 392
  • 文/潘曉璐 我一進店門庄萎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來踪少,“玉大人,你說我怎么就攤上這事糠涛≡荩” “怎么了?”我有些...
    開封第一講書人閱讀 163,105評論 0 353
  • 文/不壞的土叔 我叫張陵忍捡,是天一觀的道長集漾。 經(jīng)常有香客問我,道長锉罐,這世上最難降的妖魔是什么帆竹? 我笑而不...
    開封第一講書人閱讀 58,242評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮脓规,結(jié)果婚禮上栽连,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好秒紧,可當我...
    茶點故事閱讀 67,269評論 6 389
  • 文/花漫 我一把揭開白布绢陌。 她就那樣靜靜地躺著,像睡著了一般熔恢。 火紅的嫁衣襯著肌膚如雪脐湾。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,215評論 1 299
  • 那天叙淌,我揣著相機與錄音秤掌,去河邊找鬼。 笑死鹰霍,一個胖子當著我的面吹牛闻鉴,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播茂洒,決...
    沈念sama閱讀 40,096評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼孟岛,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了督勺?” 一聲冷哼從身側(cè)響起渠羞,我...
    開封第一講書人閱讀 38,939評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎智哀,沒想到半個月后次询,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,354評論 1 311
  • 正文 獨居荒郊野嶺守林人離奇死亡盏触,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,573評論 2 333
  • 正文 我和宋清朗相戀三年渗蟹,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片赞辩。...
    茶點故事閱讀 39,745評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖授艰,靈堂內(nèi)的尸體忽然破棺而出辨嗽,到底是詐尸還是另有隱情,我是刑警寧澤淮腾,帶...
    沈念sama閱讀 35,448評論 5 344
  • 正文 年R本政府宣布糟需,位于F島的核電站,受9級特大地震影響谷朝,放射性物質(zhì)發(fā)生泄漏洲押。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,048評論 3 327
  • 文/蒙蒙 一圆凰、第九天 我趴在偏房一處隱蔽的房頂上張望杈帐。 院中可真熱鬧,春花似錦、人聲如沸挑童。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,683評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽站叼。三九已至娃兽,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間尽楔,已是汗流浹背投储。 一陣腳步聲響...
    開封第一講書人閱讀 32,838評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留阔馋,地道東北人轻要。 一個月前我還...
    沈念sama閱讀 47,776評論 2 369
  • 正文 我出身青樓,卻偏偏與公主長得像垦缅,于是被迫代替她去往敵國和親冲泥。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,652評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 1. 簡介 1.1 什么是 MyBatis 壁涎? MyBatis 是支持定制化 SQL凡恍、存儲過程以及高級映射的優(yōu)秀的...
    笨鳥慢飛閱讀 5,517評論 0 4
  • 1. Java基礎部分 基礎部分的順序:基本語法,類相關的語法怔球,內(nèi)部類的語法嚼酝,繼承相關的語法,異常的語法竟坛,線程的語...
    子非魚_t_閱讀 31,624評論 18 399
  • 第一部分 打好基礎 Laying the Foundation 第一章 歡迎進入軟件構(gòu)建的世界 Welcome t...
    白樺葉閱讀 4,623評論 0 17
  • 與優(yōu)秀的人為伍闽巩,成為他們的合作伙伴,我想這應該是每一個正在創(chuàng)業(yè)或者想要創(chuàng)業(yè)的人最想見到的結(jié)果担汤。這個世界里比自己優(yōu)秀...
    張德祥閱讀 538評論 2 5
  • 白天還是晴朗的天崭歧,傍晚就烏云密布隅很,下起了驟雨,到了晚上率碾,雨勢依然不減叔营。我加完班已是晚上9點,公司早已空空蕩蕩所宰,很多...
    俗叔閱讀 496評論 2 6