JavaScript中函數的參數形式有哪些

JavaScript中函數的參數形式有哪些？相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。

1.函數參數

function sum(param1, param2) 
{    
    console.log(param1); // 1
    console.log(param2); // undefinedreturn 
    param1 + param2;
 }
 sum(1); // NaN

調用傳入的參數個數應當與函數定義參數個數相同，當然傳入參數比定義參數個數少的時候，也不會報錯，缺少會使用 undefined 代替。

2. 默認參數

function sum(param1, param2 = 0) 
{   
 console.log(param2); //  0
 return param1 + param2;
 }
 sum(1);            // 1
 sum(1, undefined); // 1

如果沒有傳入第二個參數，param2 就默認為 0 。
注意，如果將undefined設置為第二個參數sum(1, undefined)， param2也將初始化為0。

3.解構參數

functiongreet({ name }) 
{  
    return`Hello, ${name}!`;
}
const person = { name: '前端' };
greet(person); // 'Hello, 前端'

4. arguments 對象

JavaScript 函數有個內置的對象 arguments 對象。argument 對象包含了函數調用的參數數組。通過這種方式你可以很方便的找到最大的一個參數的值

x = findMax(1, 123, 500, 115, 44, 88); 
function findMax() {
    var i, max = arguments[0];    
    if(arguments.length < 2) return max; 
    for (i = 0; i < arguments.length; i++) {
        if (arguments[i] > max) {
            max = arguments[i];        }
    }
    return max;}

5.剩余參數

將一個不定數量的參數表示為一個數組

function sumArgs() {
  console.log(arguments); // { 0: 5, 1: 6, length: 2 }
  let sum = 0;
  for (let i = 0; i < arguments.length; i++) {
    sum += arguments[i];
  }
  return sum;
}

sumArgs(5, 6); // => 11

看完上述內容，你們掌握JavaScript中函數的參數形式有哪些的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！