Hướng dẫn what is a rest parameter in javascript? - tham số còn lại trong javascript là gì?

Cải thiện bài viết

Lưu bài viết

Tham số REST là một cách cải tiến để xử lý tham số chức năng, cho phép chúng tôi dễ dàng xử lý các đầu vào khác nhau như tham số trong một hàm. Cú pháp tham số REST cho phép chúng tôi biểu diễn một số lượng đối số không xác định dưới dạng một mảng. Với sự trợ giúp của tham số REST, một hàm có thể được gọi với bất kỳ số lượng đối số nào, bất kể nó được xác định như thế nào. Tham số REST được thêm vào trong ES2015 hoặc ES6, đã cải thiện khả năng xử lý tham số.note: Để chạy mã trong bài viết này, sử dụng bảng điều khiển do trình duyệt cung cấp hoặc sử dụng một công cụ trực tuyến như repl.it.syntax: & nbsp; & nbsp; is an improved way to handle function parameter, allowing us to more easily handle various input as parameters in a function. The rest parameter syntax allows us to represent an indefinite number of arguments as an array. With the help of a rest parameter a function can be called with any number of arguments, no matter how it was defined. Rest parameter is added in ES2015 or ES6 which improved the ability to handle parameter.
Note: In order to run the code in this article make use of the console provided by the browser or use an online tool like repl.it.
Syntax: 
 

function functionname(...parameters)   //... is the rest parameter (triple dots)
{
statement;
}

Lưu ý: Khi ở cuối tham số chức năng, đó là tham số còn lại. Nó lưu trữ n số tham số dưới dạng một mảng. Hãy để xem cách tham số phần còn lại hoạt động: & nbsp; & nbsp; When … is at the end of function parameter, it is the rest parameter. It stores n number of parameters as an array. Let’s see how the rest parameter works: 
 

JavaScript

function sum(a, b) {
  return a + b;
}

alert( sum(1, 2, 3, 4, 5) );

function sum(a, b) {
  return a + b;
}

alert( sum(1, 2, 3, 4, 5) );

function sum(a, b) {
  return a + b;
}

alert( sum(1, 2, 3, 4, 5) );

function sumAll(...args) { // args is the name for the array
  let sum = 0;

  for (let arg of args) sum += arg;

  return sum;
}

alert( sumAll(1) ); // 1
alert( sumAll(1, 2) ); // 3
alert( sumAll(1, 2, 3) ); // 6

function sumAll(...args) { // args is the name for the array
  let sum = 0;

  for (let arg of args) sum += arg;

  return sum;
}

alert( sumAll(1) ); // 1
alert( sumAll(1, 2) ); // 3
alert( sumAll(1, 2, 3) ); // 6

function sumAll(...args) { // args is the name for the array
  let sum = 0;

  for (let arg of args) sum += arg;

  return sum;
}

alert( sumAll(1) ); // 1
alert( sumAll(1, 2) ); // 3
alert( sumAll(1, 2, 3) ); // 6

function sumAll(...args) { // args is the name for the array
  let sum = 0;

  for (let arg of args) sum += arg;

  return sum;
}

alert( sumAll(1) ); // 1
alert( sumAll(1, 2) ); // 3
alert( sumAll(1, 2, 3) ); // 6

function sumAll(...args) { // args is the name for the array
  let sum = 0;

  for (let arg of args) sum += arg;

  return sum;
}

alert( sumAll(1) ); // 1
alert( sumAll(1, 2) ); // 3
alert( sumAll(1, 2, 3) ); // 6

Output:   
 

Trong mã trên, sẽ không có lỗi nào được ném ngay cả khi chúng ta chuyển các đối số nhiều hơn các tham số, nhưng chỉ có hai đối số đầu tiên sẽ được đánh giá. Nó khác nhau trong trường hợp với tham số REST. Với việc sử dụng tham số REST, chúng tôi có thể thu thập bất kỳ số lượng đối số nào vào một mảng và thực hiện những gì chúng tôi muốn với chúng.
Javascript code demonstrating addition of numbers using rest parameter. 
 

JavaScript

function sum(a, b) {
  return a + b;
}

alert( sum(1, 2, 3, 4, 5) );

function sum(a, b) {
  return a + b;
}

alert( sum(1, 2, 3, 4, 5) );

function sum(a, b) {
  return a + b;
}

alert( sum(1, 2, 3, 4, 5) );

function sumAll(...args) { // args is the name for the array
  let sum = 0;

  for (let arg of args) sum += arg;

  return sum;
}

alert( sumAll(1) ); // 1
alert( sumAll(1, 2) ); // 3
alert( sumAll(1, 2, 3) ); // 6

function sum(a, b) {
  return a + b;
}

alert( sum(1, 2, 3, 4, 5) );

function showName(firstName, lastName, ...titles) {
  alert( firstName + ' ' + lastName ); // Julius Caesar

  // the rest go into titles array
  // i.e. titles = ["Consul", "Imperator"]
  alert( titles[0] ); // Consul
  alert( titles[1] ); // Imperator
  alert( titles.length ); // 2
}

showName("Julius", "Caesar", "Consul", "Imperator");

function showName(firstName, lastName, ...titles) {
  alert( firstName + ' ' + lastName ); // Julius Caesar

  // the rest go into titles array
  // i.e. titles = ["Consul", "Imperator"]
  alert( titles[0] ); // Consul
  alert( titles[1] ); // Imperator
  alert( titles.length ); // 2
}

showName("Julius", "Caesar", "Consul", "Imperator");

function showName(firstName, lastName, ...titles) {
  alert( firstName + ' ' + lastName ); // Julius Caesar

  // the rest go into titles array
  // i.e. titles = ["Consul", "Imperator"]
  alert( titles[0] ); // Consul
  alert( titles[1] ); // Imperator
  alert( titles.length ); // 2
}

showName("Julius", "Caesar", "Consul", "Imperator");

function showName(firstName, lastName, ...titles) {
  alert( firstName + ' ' + lastName ); // Julius Caesar

  // the rest go into titles array
  // i.e. titles = ["Consul", "Imperator"]
  alert( titles[0] ); // Consul
  alert( titles[1] ); // Imperator
  alert( titles.length ); // 2
}

showName("Julius", "Caesar", "Consul", "Imperator");

function sum(a, b) {
  return a + b;
}

alert( sum(1, 2, 3, 4, 5) );

function sumAll(...args) { // args is the name for the array
  let sum = 0;

  for (let arg of args) sum += arg;

  return sum;
}

alert( sumAll(1) ); // 1
alert( sumAll(1, 2) ); // 3
alert( sumAll(1, 2, 3) ); // 6

function sum(a, b) {
  return a + b;
}

alert( sum(1, 2, 3, 4, 5) );

function sumAll(...args) { // args is the name for the array
  let sum = 0;

  for (let arg of args) sum += arg;

  return sum;
}

alert( sumAll(1) ); // 1
alert( sumAll(1, 2) ); // 3
alert( sumAll(1, 2, 3) ); // 6

function sumAll(...args) { // args is the name for the array
  let sum = 0;

  for (let arg of args) sum += arg;

  return sum;
}

alert( sumAll(1) ); // 1
alert( sumAll(1, 2) ); // 3
alert( sumAll(1, 2, 3) ); // 6

function sumAll(...args) { // args is the name for the array
  let sum = 0;

  for (let arg of args) sum += arg;

  return sum;
}

alert( sumAll(1) ); // 1
alert( sumAll(1, 2) ); // 3
alert( sumAll(1, 2, 3) ); // 6

function f(arg1, ...rest, arg2) { // arg2 after ...rest ?!
  // error
}

function f(arg1, ...rest, arg2) { // arg2 after ...rest ?!
  // error
}

function f(arg1, ...rest, arg2) { // arg2 after ...rest ?!
  // error
}

Output:   
 

Trong mã trên, sẽ không có lỗi nào được ném ngay cả khi chúng ta chuyển các đối số nhiều hơn các tham số, nhưng chỉ có hai đối số đầu tiên sẽ được đánh giá. Nó khác nhau trong trường hợp với tham số REST. Với việc sử dụng tham số REST, chúng tôi có thể thu thập bất kỳ số lượng đối số nào vào một mảng và thực hiện những gì chúng tôi muốn với chúng.
Note: The rest parameter have to be the last argument, as its job is to collect all the remaining arguments into an array. So having a function definition like the code below doesn’t make any sense and will throw an error. 
 

function sum(a, b) { return a + b; } alert( sum(1, 2, 3, 4, 5) );7 function sumAll(...args) { // args is the name for the array let sum = 0; for (let arg of args) sum += arg; return sum; } alert( sumAll(1) ); // 1 alert( sumAll(1, 2) ); // 3 alert( sumAll(1, 2, 3) ); // 66

function sum(a, b) {
  return a + b;
}

alert( sum(1, 2, 3, 4, 5) );

function sumAll(...args) { // args is the name for the array
  let sum = 0;

  for (let arg of args) sum += arg;

  return sum;
}

alert( sumAll(1) ); // 1
alert( sumAll(1, 2) ); // 3
alert( sumAll(1, 2, 3) ); // 6

function showName(firstName, lastName, ...titles) {
  alert( firstName + ' ' + lastName ); // Julius Caesar

  // the rest go into titles array
  // i.e. titles = ["Consul", "Imperator"]
  alert( titles[0] ); // Consul
  alert( titles[1] ); // Imperator
  alert( titles.length ); // 2
}

showName("Julius", "Caesar", "Consul", "Imperator");

function f(arg1, ...rest, arg2) { // arg2 after ...rest ?!
  // error
}

function sumAll(...args) { // args is the name for the array
  let sum = 0;

  for (let arg of args) sum += arg;

  return sum;
}

alert( sumAll(1) ); // 1
alert( sumAll(1, 2) ); // 3
alert( sumAll(1, 2, 3) ); // 6

function f(arg1, ...rest, arg2) { // arg2 after ...rest ?!
  // error
}

function sumAll(...args) { // args is the name for the array
  let sum = 0;

  for (let arg of args) sum += arg;

  return sum;
}

alert( sumAll(1) ); // 1
alert( sumAll(1, 2) ); // 3
alert( sumAll(1, 2, 3) ); // 6

Chúng tôi đã có thể nhận được tổng của tất cả các yếu tố mà chúng tôi nhập vào đối số khi chúng tôi gọi hàm fun (). Chúng tôi nhận được tổng của tất cả các phần tử trong mảng bằng cách sử dụng vòng lặp for..of được sử dụng để đi qua các phần tử có thể lặp lại bên trong một mảng. & Nbsp; Lưu ý: tham số còn lại phải là đối số cuối cùng, vì công việc của nó là thu thập tất cả các đối số còn lại thành một mảng. Vì vậy, có một định nghĩa hàm như mã bên dưới không có ý nghĩa gì và sẽ gây ra lỗi. & Nbsp; & nbsp;
 

function sum(a, b) { return a + b; } alert( sum(1, 2, 3, 4, 5) );7 function sumAll(...args) { // args is the name for the array let sum = 0; for (let arg of args) sum += arg; return sum; } alert( sumAll(1) ); // 1 alert( sumAll(1, 2) ); // 3 alert( sumAll(1, 2, 3) ); // 66

function sum(a, b) {
  return a + b;
}

alert( sum(1, 2, 3, 4, 5) );

function sumAll(...args) { // args is the name for the array
  let sum = 0;

  for (let arg of args) sum += arg;

  return sum;
}

alert( sumAll(1) ); // 1
alert( sumAll(1, 2) ); // 3
alert( sumAll(1, 2, 3) ); // 6

function showName(firstName, lastName, ...titles) {
  alert( firstName + ' ' + lastName ); // Julius Caesar

  // the rest go into titles array
  // i.e. titles = ["Consul", "Imperator"]
  alert( titles[0] ); // Consul
  alert( titles[1] ); // Imperator
  alert( titles.length ); // 2
}

showName("Julius", "Caesar", "Consul", "Imperator");

function sum(a, b) {
  return a + b;
}

alert( sum(1, 2, 3, 4, 5) );

function showName() {
  alert( arguments.length );
  alert( arguments[0] );
  alert( arguments[1] );

  // it's iterable
  // for(let arg of arguments) alert(arg);
}

// shows: 2, Julius, Caesar
showName("Julius", "Caesar");

// shows: 1, Ilya, undefined (no second argument)
showName("Ilya");

function sum(a, b) {
  return a + b;
}

alert( sum(1, 2, 3, 4, 5) );

function showName() {
  alert( arguments.length );
  alert( arguments[0] );
  alert( arguments[1] );

  // it's iterable
  // for(let arg of arguments) alert(arg);
}

// shows: 2, Julius, Caesar
showName("Julius", "Caesar");

// shows: 1, Ilya, undefined (no second argument)
showName("Ilya");

function sum(a, b) {
  return a + b;
}

alert( sum(1, 2, 3, 4, 5) );

function showName() {
  alert( arguments.length );
  alert( arguments[0] );
  alert( arguments[1] );

  // it's iterable
  // for(let arg of arguments) alert(arg);
}

// shows: 2, Julius, Caesar
showName("Julius", "Caesar");

// shows: 1, Ilya, undefined (no second argument)
showName("Ilya");

function sum(a, b) {
  return a + b;
}

alert( sum(1, 2, 3, 4, 5) );

function showName() {
  alert( arguments.length );
  alert( arguments[0] );
  alert( arguments[1] );

  // it's iterable
  // for(let arg of arguments) alert(arg);
}

// shows: 2, Julius, Caesar
showName("Julius", "Caesar");

// shows: 1, Ilya, undefined (no second argument)
showName("Ilya");

function sum(a, b) {
  return a + b;
}

alert( sum(1, 2, 3, 4, 5) );

function f() {
  let showArg = () => alert(arguments[0]);
  showArg();
}

f(1); // 1

function f() {
  let showArg = () => alert(arguments[0]);
  showArg();
}

f(1); // 1

function f() {
  let showArg = () => alert(arguments[0]);
  showArg();
}

f(1); // 1

function sumAll(...args) { // args is the name for the array
  let sum = 0;

  for (let arg of args) sum += arg;

  return sum;
}

alert( sumAll(1) ); // 1
alert( sumAll(1, 2) ); // 3
alert( sumAll(1, 2, 3) ); // 6

function f() {
  let showArg = () => alert(arguments[0]);
  showArg();
}

f(1); // 1

function f() {
  let showArg = () => alert(arguments[0]);
  showArg();
}

f(1); // 1

function f() {
  let showArg = () => alert(arguments[0]);
  showArg();
}

f(1); // 1

function f() {
  let showArg = () => alert(arguments[0]);
  showArg();
}

f(1); // 1

function f() {
  let showArg = () => alert(arguments[0]);
  showArg();
}

f(1); // 1

function f() {
  let showArg = () => alert(arguments[0]);
  showArg();
}

f(1); // 1

function f() {
  let showArg = () => alert(arguments[0]);
  showArg();
}

f(1); // 1

alert( Math.max(3, 5, 1) ); // 5

function f() {
  let showArg = () => alert(arguments[0]);
  showArg();
}

f(1); // 1

alert( Math.max(3, 5, 1) ); // 5

alert( Math.max(3, 5, 1) ); // 5

Output:   
 

Chúng tôi đã có thể nhận được tổng của tất cả các yếu tố mà chúng tôi nhập vào đối số khi chúng tôi gọi hàm fun (). Chúng tôi nhận được tổng của tất cả các phần tử trong mảng bằng cách sử dụng vòng lặp for..of được sử dụng để đi qua các phần tử có thể lặp lại bên trong một mảng. & Nbsp; Lưu ý: tham số còn lại phải là đối số cuối cùng, vì công việc của nó là thu thập tất cả các đối số còn lại thành một mảng. Vì vậy, có một định nghĩa hàm như mã bên dưới không có ý nghĩa gì và sẽ gây ra lỗi. & Nbsp; & nbsp;