中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

JavaScript如何降低函數復雜度

發布時間:2021-01-16 09:41:08 來源:億速云 閱讀:173 作者:小新 欄目:web開發

這篇文章將為大家詳細講解有關JavaScript如何降低函數復雜度,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。

JavaScript 是一種易于學習的編程語言,編寫運行并執行某些操作的程序很容易。然而,要編寫一段干凈的JavaScript 代碼是很困難的。

在本文中,我們將研究如何降低函數復雜度

將重復的代碼移到同個位置

我們應該將重復的代碼提取出來,合并放到同個位置,這樣當有需要修改的,我們只需要改一個地方即可,同時也減少犯錯率。

假設我們有可能很寫出下面的代碼:

const button = document.querySelector('button');
let toggled = true;
button.addEventListener('click', () => {
  toggled = !toggled;
  if (toggled) {
    document.querySelector("p").style.color = 'red';
  } else {
    document.querySelector("p").style.color = 'green';
  }
})

上面代碼中有兩個document.querySelector(“p”),我們可以這樣優化,把document.querySelector(“p”) 保存到一個變量中,然后使用該變量即可,如下所示:

const button = document.querySelector('button');
const p = document.querySelector("p");
let toggled = true;
button.addEventListener('click', () => {
  toggled = !toggled;
  if (toggled) {
    p.style.color = 'red';
  } else {
    p.style.color = 'green';
  }
}

這樣我們就不必寫長長的document.querySelector("p"),只需寫個變量 p 就行了。

另一個常見的代碼實例中的數字,光看數字我們很難知道其表示的含義:

let x = 1;
let y = 1;
let z = 1;

我們不知道上面這三個一表示什么,所以我們可以移除重復的代碼,并用一個合適的變量名來表示,如下所示:

const numPeople = 1;
let x = numPeople;
let y = numPeople;
let z = numPeople;

這樣我們就可以知道 numPeople 的值為1,其表示的人的數量。

簡化函數

函數應盡可能簡單,最好只做一件事,行數也不要太多,最多不能超過 30 行。

我們不應該使用 ES5 類的方式,也不應將IIFE用于模塊或塊。相反,我們應該使用類語法,其中可以在類中包含該類的多個實例方法。這會大大減少了函數的體量。

同樣,只要我們可以定義函數,函數就應該是純函數,這意味著他們不應該產生副作用。

例如,最好的簡單函數是如下:

const add = (a, b) => a + b;

上面的函數沒有任何副作用,因為它不會在函數外部修改任何變量。 另外,它也是一個純函數,對于相同的輸入,輸出的結果也都一樣的。

使用衛語句代替嵌套語句

衛語句的定義用法

衛語句就是把復雜的條件表達式拆分成多個條件表達式,比如一個很復雜的表達式,嵌套了好幾層的if - then-else語句,轉換為多個if語句,實現它的邏輯,這多條的if語句就是衛語句

有時候條件式可能出現在嵌套n次才能真正執行,其他分支只是簡單報錯返回的情況,對于這種情況,應該單獨檢查報錯返回的分支,當條件為真時立即返回,這樣的單獨檢查就是衛語句(guard clauses).衛語句可以把我們的視線從異常處理中解放出來,集中精力到正常處理的代碼中。

比如我們可能會編寫如下的代碼 :

const greet = (firstName, lastName, greeting) => {
  if (typeof firstName === 'string') {
    if (typeof lastName === 'string') {
      if (typeof greeting === 'string') {
        return `${greeting}, ${firstName}${lastName}`;
      }
    }
  }
}

我們可以這樣優化

const greet = (firstName, lastName, greeting) => {
  if (typeof firstName !== 'string') {
    throw new Error('first name is required');
  }
  if (typeof lastName !== 'string') {
    throw new Error('last name is required');
  }
  if (typeof greeting !== 'string') {
    throw new Error('greeting is required');
  }
  return `${greeting}, ${firstName}${lastName}`;
}

在第二個示例中,如果每個參數都不是字符串,則拋出錯誤,從而消除了嵌套的if語句。

這將嵌套的if語句在執行相同操作時減少為沒有嵌套的if語句。

嵌套很難閱讀和理解,我們應該在所有地方都擺脫它們。

總結

重復的代碼總是不好的。 我們應該永遠記住“不要重復自己(DRY)”的原則。

另外應該使用一些新的方式來代替 ES5 時代的寫法。

最后,應將嵌套的if語句替換為衛語句,因為它們可以執行與嵌套的if語句相同的檢查,這樣有利于閱讀。

關于“JavaScript如何降低函數復雜度”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

盐山县| 阳信县| 大方县| 手游| 突泉县| 紫云| 沙雅县| 玛多县| 嘉义县| 西乌| 灌阳县| 衡南县| 郓城县| 蕲春县| 乾安县| 长武县| 梅河口市| 太仆寺旗| 镇雄县| 牙克石市| 简阳市| 扎鲁特旗| 宁南县| 五寨县| 平乐县| 肇庆市| 砚山县| 班戈县| 凭祥市| 丽江市| 察雅县| 高要市| 华容县| 彭泽县| 富锦市| 宿州市| 固安县| 美姑县| 万宁市| 伊金霍洛旗| 温州市|