ES6의 나머지 매개변수에 대한 설명 예시-JS 튜토리얼-php.cn

ES6의 나머지 매개변수에 대한 설명 예시

不言

풀어 주다： 2018-11-14 15:38:30

앞으로

1955명이 탐색했습니다.

이 글의 내용은 ES6의 나머지 매개변수에 대한 코드 설명입니다. 참고할만한 내용이 있으니 참고하시면 도움이 될 것 같습니다.

개요

나머지 매개변수는 해당 형식 매개변수가 없는 매개변수를 배열로 집계합니다.

Syntax

function(a, b, ...theArgs) {
}

로그인 후 복사

형식 매개변수에 해당하지 않는 매개변수만 집계합니다.

나머지 매개변수는 해당 형식 매개변수가 없는 매개변수만 집계합니다. 매개변수를 배열로 변환하고 인수에는 모든 매개변수가 포함됩니다. arguments则是包含了所有的参数。

function add(a, b, ...theArgs) {
    return {rest: theArgs, arguments}
}
add() 
// {rest: [undefined, undefined, []], arguments: Arguments(0)}
add(1) 
// {rest: [1, undefined, []], arguments: Arguments(1)}
add(1, 2) 
// {rest: [1, 2, []], arguments: Arguments(2)}
add(1, 2, 3, 4, 5) 
// {rest: [1, 2, [3, 4, 5]], arguments: Arguments(5)}

로그인 후 복사

剩余参数是数组

剩余参数始终是一个数组，而不像arguments是一个伪数组

function add(...theArgs) {
    console.log(Array.isArray(theArgs))
    theArgs.forEach((a)=>console.log(a))
    console.log(Array.isArray(arguments))
    Array.prototype.slice.call(arguments, add.length).forEach((a)=>console.log(a)) // 转化成数组
}
add(1,2,3) // true 1 2 3 false 1, 2, 3, 4

로그인 후 복사

解构剩余参数

function add(...[a, b, c]){
    return a + b +c
}
add(1, 2, 3) // 6
add(1, 2, 3) // 6

로그인 후 복사

使用babel

function add(...num){
  return num.reduce((n1,n2)=>n1+n2)
}

로그인 후 복사

나머지 매개변수는 배열입니다

유사 배열인 인수와 달리 나머지 매개변수는 항상 배열입니다🎜

function add() {
  for (var _len = arguments.length, num = Array(_len), _key = 0; _key < _len; _key++) {
    num[_key] = arguments[_key];
  }

  return num.reduce(function (n1, n2) {
    return n1 + n2;
  });
}

로그인 후 복사

🎜나머지 매개변수를 분해🎜rrreee🎜babel사용 > 번역 🎜rrreee🎜Translated🎜rrreee

위 내용은 ES6의 나머지 매개변수에 대한 설명 예시의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!