Gọi một hàm trong chuyên gia gán javascript

Thử nó

cú pháp

function f[a, b, ...theArgs] {
  // …
}

Sự miêu tả

Tham số cuối cùng của định nghĩa hàm có thể được bắt đầu bằng

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

Một định nghĩa hàm chỉ có thể có một tham số còn lại và tham số còn lại phải là tham số cuối cùng trong định nghĩa hàm

function wrong1[...one, ...wrong] {}
function wrong2[...wrong, arg2, arg3] {}

Tham số còn lại không được tính vào thuộc tính

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

Sự khác biệt giữa các tham số còn lại và đối tượng đối số

Có ba điểm khác biệt chính giữa các tham số còn lại và đối tượng

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

• Đối tượng

  function myFun[a, b, ...manyMoreArgs] {
    console.log["a", a];
    console.log["b", b];
    console.log["manyMoreArgs", manyMoreArgs];
  }
  
  myFun["one", "two", "three", "four", "five", "six"];
  
  // Console Output:
  // a, one
  // b, two
  // manyMoreArgs, ["three", "four", "five", "six"]
  

  5 không phải là một mảng thực, trong khi các tham số còn lại là các thể hiện của

  function myFun[a, b, ...manyMoreArgs] {
    console.log["a", a];
    console.log["b", b];
    console.log["manyMoreArgs", manyMoreArgs];
  }
  
  myFun["one", "two", "three", "four", "five", "six"];
  
  // Console Output:
  // a, one
  // b, two
  // manyMoreArgs, ["three", "four", "five", "six"]
  

  3, có nghĩa là các phương thức như

  function myFun[a, b, ...manyMoreArgs] {
    console.log["a", a];
    console.log["b", b];
    console.log["manyMoreArgs", manyMoreArgs];
  }
  
  myFun["one", "two", "three", "four", "five", "six"];
  
  // Console Output:
  // a, one
  // b, two
  // manyMoreArgs, ["three", "four", "five", "six"]
  

  8,

  function myFun[a, b, ...manyMoreArgs] {
    console.log["a", a];
    console.log["b", b];
    console.log["manyMoreArgs", manyMoreArgs];
  }
  
  myFun["one", "two", "three", "four", "five", "six"];
  
  // Console Output:
  // a, one
  // b, two
  // manyMoreArgs, ["three", "four", "five", "six"]
  

  9,

  function wrong1[...one, ...wrong] {}
  function wrong2[...wrong, arg2, arg3] {}
  

  0 hoặc

  function wrong1[...one, ...wrong] {}
  function wrong2[...wrong, arg2, arg3] {}
  

  1 có thể được áp dụng trực tiếp trên nó
• Đối tượng

  function myFun[a, b, ...manyMoreArgs] {
    console.log["a", a];
    console.log["b", b];
    console.log["manyMoreArgs", manyMoreArgs];
  }
  
  myFun["one", "two", "three", "four", "five", "six"];
  
  // Console Output:
  // a, one
  // b, two
  // manyMoreArgs, ["three", "four", "five", "six"]
  

  5 có thuộc tính bổ sung [không dùng nữa]

  function wrong1[...one, ...wrong] {}
  function wrong2[...wrong, arg2, arg3] {}
  

  3
• Trong một hàm không nghiêm ngặt với các tham số đơn giản, đối tượng

  function myFun[a, b, ...manyMoreArgs] {
    console.log["a", a];
    console.log["b", b];
    console.log["manyMoreArgs", manyMoreArgs];
  }
  
  myFun["one", "two", "three", "four", "five", "six"];
  
  // Console Output:
  // a, one
  // b, two
  // manyMoreArgs, ["three", "four", "five", "six"]
  

  5 đồng bộ hóa các chỉ số của nó với các giá trị của tham số. Mảng tham số còn lại không bao giờ cập nhật giá trị của nó khi các tham số đã đặt tên được gán lại
• Tham số còn lại gộp tất cả các tham số bổ sung vào một mảng, nhưng không chứa bất kỳ đối số có tên nào được xác định trước

  function wrong1[...one, ...wrong] {}
  function wrong2[...wrong, arg2, arg3] {}
  

  5. Đối tượng

  function myFun[a, b, ...manyMoreArgs] {
    console.log["a", a];
    console.log["b", b];
    console.log["manyMoreArgs", manyMoreArgs];
  }
  
  myFun["one", "two", "three", "four", "five", "six"];
  
  // Console Output:
  // a, one
  // b, two
  // manyMoreArgs, ["three", "four", "five", "six"]
  

  5 chứa tất cả các tham số — bao gồm các tham số trong mảng

  function wrong1[...one, ...wrong] {}
  function wrong2[...wrong, arg2, arg3] {}
  

  5 — được gộp vào một đối tượng giống như mảng

ví dụ

Sử dụng tham số nghỉ ngơi

Trong ví dụ này, đối số đầu tiên được ánh xạ tới

function wrong1[...one, ...wrong] {}
function wrong2[...wrong, arg2, arg3] {}

function wrong1[...one, ...wrong] {}
function wrong2[...wrong, arg2, arg3] {}

Tuy nhiên, đối số thứ ba,

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

Bên dưới, mặc dù chỉ có một giá trị nhưng đối số cuối cùng vẫn được đưa vào một mảng

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

Bên dưới, đối số thứ ba không được cung cấp, nhưng

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

Dưới đây, chỉ có một đối số được cung cấp, do đó,

function wrong1[...one, ...wrong] {}
function wrong2[...wrong, arg2, arg3] {}

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

Độ dài đối số

Vì

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

Sử dụng các tham số còn lại kết hợp với các tham số thông thường

Trong ví dụ tiếp theo, một tham số còn lại được sử dụng để thu thập tất cả các tham số sau tham số đầu tiên vào một mảng. Mỗi một trong các giá trị tham số được thu thập vào mảng sau đó được nhân với tham số đầu tiên và mảng được trả về

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

Từ đối số đến một mảng

Các phương thức

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]

Các tham số còn lại đã được giới thiệu để giảm mã soạn sẵn thường được sử dụng để chuyển đổi một tập hợp các đối số thành một mảng

Trước các tham số còn lại,

function myFun[a, b, ...manyMoreArgs] {
  console.log["a", a];
  console.log["b", b];
  console.log["manyMoreArgs", manyMoreArgs];
}

myFun["one", "two", "three", "four", "five", "six"];

// Console Output:
// a, one
// b, two
// manyMoreArgs, ["three", "four", "five", "six"]