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降低函數複雜度的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
