JS中的arguments-有解無憂

在 JavaScript 中， arguments 是一個特殊的物件，它代表了函式呼叫時傳遞的引數串列，它可以在函式內部訪問，用于獲取傳遞給函式的實際引數值，

arguments 物件包含了函式呼叫時傳遞的所有引數，無論是否在函式定義時明確宣告這些引數，它是一個類陣列物件，可以通過索引訪問其中的引數值，可以使用 arguments.length 屬性獲取傳遞的引數個數，

下面是關于 arguments 物件的一些示例：

arguments 物件中的引數是按照函式呼叫時的順序進行存盤的，可以通過索引訪問它們，

function exampleFunc(a, b, c) {
      console.log(arguments[0]); // 訪問第一個引數
      console.log(arguments[1]); // 訪問第二個引數
}

exampleFunc(1, 2, 3); // 1，2

arguments 物件的長度（即 arguments.length ）表示傳遞給函式的引數個數，

function exampleFunc() {
      console.log(arguments.length); // 引數個數
}

exampleFunc(1, 2, 3); // 3

arguments 物件與函式的形參之間存在聯系，它們是相互關聯的，當傳遞的引數個數多于形參個數時，可以通過 arguments 物件訪問超出形參串列的引數值，

function exampleFunc(a, b) {
      console.log(a); // 訪問第一個形參
      console.log(b); // 訪問第二個形參
      console.log(arguments[2]); // 訪問第三個引數
}

exampleFunc(1, 2, 3); // 1，2，3

除此之外，還有一些關于 arguments 物件的特性和使用方式：

1. 與剩余引數結合使用：可以使用剩余引數語法與 arguments 物件結合使用，以便同時獲取所有引數和訪問超出形參串列的引數，

function exampleFunc(a, b, ...rest) {
      console.log(a); // 1
      console.log(b); // 2
      console.log(rest[0]); // 3
}

exampleFunc(1, 2, 3);

在上面的例子中， a 和 b 是正常的形參，而 ...rest 則是剩余引數語法，它將剩余的引數作為陣列存盤在 rest 變數中，其中包括超出形參串列的引數，

2. callee 屬性： arguments 物件具有一個特殊的屬性 callee ，它是一個指向當前正在執行的函式的參考，這在遞回和匿名函式中特別有用，

function factorial(n) {
  if (n <= 1) {
    return 1;
  } else {
    return n   arguments.callee(n - 1);
  }
}

const result = factorial(5); // 遞回計算階乘
console.log(result); // 120

在上述示例中， factorial 函式通過呼叫 arguments.callee 實作了自身的遞回呼叫，而不是使用函式名 factorial ，這樣可以確保即使在匿名函式中也能正確呼叫函式，

需要注意的是， arguments 物件并不是一個真正的陣列，它是一個類陣列物件，盡管它具有類似于陣列的索引訪問和 length 屬性，但它沒有陣列原型上的方法，如 forEach() 、 map() 等，如果需要對 arguments 物件應用陣列方法，可以將其轉換為一個真正的陣列，例如通過使用 Array.from() 或 Array.prototype.slice.call() 來轉換，

隨著es6的廣泛使用，使用 arguments 物件的方式越來越少見，現在的開發更傾向于使用剩余引數、默認引數或解構賦值來處理函式引數，以提供更清晰、更靈活的語法和功能，盡量避免在新代碼中使用 arguments 物件，除非有特定的需求，

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/553706.html

標籤：其他

上一篇：詳解URL和URLSearchParams

下一篇：返回列表