JavaScript代碼中的函數參數和副作用是什么

這篇文章給大家介紹JavaScript代碼之函數參數和副作用是什么，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

函數是JavaScript程序的重要組成部分，用于將代碼分成可重用的塊。因此，為了擁有整潔的JavaScript代碼，我們需要具有易于理解的函數。

本文將介紹優質函數的更多屬性，包括標志參數，二元和三元函數以及副作用。

標志參數

布爾參數應謹慎使用。它使函數簽名更加復雜，并告訴我們函數不僅做一件事(具有多個路徑)。

二元函數

二元函數比采用較少參數的函數更難理解。但有些時候使用二元函數是有道理的。例如，如果有一個保存笛卡爾坐標的對象，那么它應該有2個參數。

例如，可以創建一個帶有構造函數的類，該構造函數有2個參數，如下所示：

class Point {   constructor(x, y) {     this.x = x;     this.y = y;   } }const point = new Point(1, 2);

用其他方式定義它幾乎是不可能的。

但是，我們必須要意識到，與使用較少參數的函數相比，二元函數需要更多的時間和精力。

三元函數

具有3個參數的函數要花費大量時間和精力才能理解具有2個參數的函數。

如果存在2個或更少的參數，則有更多的參數組合可供考慮。

將參數合并為對象

如果一個函數含有多個參數，應該考慮將它們合并為對象。

如果參數之間有關聯，則更應該這樣做。例如，以下函數含有許多參數：

const describeFruit = (color,name, size, price, numSeeds, type) => {     return `${fruitName} is ${fruitColor}.It's ${fruitSize}. It costs ${price}. It has ${numSeeds}. The type if ${type}`; }

6個參數可能太多，可以通過傳入一個對象來清理它：

const describeFruit = (fruit)=> {   return `${fruit.name} is${fruit.color}. It's ${fruit.size}. It costs ${fruit.price}. It has${fruit.numSeeds}. The type if ${fruit.type}`; }

如我們所見，它更加整潔，且無需擔心大量參數的傳遞。

由于函數較為短小，因此也更適合屏幕顯示。

5個參數可能是一個函數應該包含的最大值。

動詞和關鍵詞

將動詞和關鍵字包含在函數名稱中不失為一個好主意，因為它們會執行某些操作，這意味著名稱中的動詞是合理的。

另外，我們需要知道執行操作的對象。這意味著必須添加一些關鍵字才能做到這一點。

例如，符合這一點的優質函數定義類似于：

const copyArray = (array) =>[...array];

copyArray 名稱讓我們知道函數復制了一個數組。

它還讓我們知道要傳遞給函數的內容，這顯然是一個數組。

無副作用

副作用是函數中的代碼會對函數外部的內容進行更改。

這是很糟糕的，因為它會對函數之外的內容進行隱藏更改。

我們應該盡可能避免這種情況，因為這會造成一些出乎意料的事情，并且要花更多的時間進行測試，因為除了接受參數，執行操作并返回結果外，它還對必須考慮的函數之外的內容進行了更改。

這意味著我們必須測試函數返回結果之外的內容。

例如，如果有：

let numFruits = 1;  const addFruit = () => {    numFruits++;  }const removeFruit = () => {    numFruits--;  }

那么我們有2個具有副作用的函數，因為它們都更改了各自函數外部的 numFruits變量。

編寫這些函數的更好方法是將它們編寫為純函數。純函數是在傳入相同參數的情況下返回相同內容的函數。而且，它沒有副作用。

因此，純函數更易于測試，并且它們的行為也是可以預測的。

重寫上面的代碼，如下所示：

let numFruits = 1; const addFruit = (numberOfFruits) => numberOfFruits + 1; const removeFruit = (numberOfFruits) => numberOfFruits - 1;numFruits = addFruit(numFruits); numFruits = removeFruit(numFruits);

現在，有2個函數來接收numFruits 參數，并分別返回一個更大或更小的數字。

然后可以使用它們來更改函數外部的numFruits變量。

如我們所見，它們對 numFruits 不執行任何操作，而是分別返回numberOfFruits參數加1或減1。

如果為它們編寫測試，則可以通過傳入輸入和檢查輸出是否是我們想要的內容來輕松測試它們。這比將副作用賦予可能適用于測試代碼的變量要好得多。

標志參數應最小化。他們告訴我們，該函數不僅完成一件事情，而且是函數簽名中的另一個參數。

使用較少參數的函數要優于使用較多參數的函數。如果需要很多參數，請考慮將它們合并成一個對象。

最后，若條件允許，應盡量避免副作用。具有副作用的函數會執行隱藏操作，并且很難對它進行測試。純函數不會產生副作用，因此更具可測試性和可預測性。

關于JavaScript代碼之函數參數和副作用是什么就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。