javascript 之Rest 参数（...）

概述：

      Rest就是为解决传入的参数数量不一定， rest parameter(Rest 参数) 本身就是数组，数组的相关的方法都可以用。

1.语法：

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

2.描述：

theArgs以“...”开头，它是一个数组，它的值来自于实际调用者传入[0,theArgs.length)  (索引的范围：0到theArgs.length-1)

3.区分rest参数和 参数对象

• rest参数不会为每个变量给一个单独的名称，参数对象包含所有参数传递给函数
• 参数对象不是真正的数组，rest参数是真实的数组实例。例如数组sort、map、forEach、pop的方法都可以直接使用
• 参数对象有他自己额外的特性（例如callee 属性）

4.从参数变成数组

Rest参数的引入减少样式代码。

 

//以前函数
function f(a, b) {
  var args = Array.prototype.slice.call(arguments, f.length);

  // …
}

// 等效于现在

function f(a, b, ...args) {
  
}

5.Rest参数可以被解构（通俗一点，将rest参数的数据解析后一一对应）不要忘记参数用[] 括起来，因为它数组嘛

function f(...[a, b, c]) {
  return a + b + c;
}

f(1)          //NaN 因为只传递一个值，其实需要三个值
f(1, 2, 3)    // 6
f(1, 2, 3, 4) // 6 (第四值没有与之对应的变量名)

6.例子走起

计算rest参数的长度，验证是否直接可以用数组的方法

function fun1(...theArgs) {
  console.log(theArgs.length);
}

fun1();  // 0
fun1(5); // 1
fun1(5, 6, 7); // 3

每个参数乘以2

function multiply(multiplier, ...theArgs) {
  return theArgs.map(function(element) {
    return multiplier * element;
  });
}

var arr = multiply(2, 1, 2, 3); 
console.log(arr); // [2, 4, 6]

排序

function sortRestArgs(...theArgs) {
  var sortedArgs = theArgs.sort();
  return sortedArgs;
}
//好像一位和两位混合不能进行排序，这需要看一下为甚？主要第一个为主
console.log(sortRestArgs(5, 3, 7, 1)); // shows 1, 3, 5, 7

对于参数对象arguments不能排序

function sortArguments() {
  //arguments是参数对象不能直接使用sort()方法，因为不是数组实例，需要转换
  var sortedArgs = arguments.sort(); 
  return sortedArgs; // this will never happen
}

// 会抛出类型异常，arguments.sort不是函数
console.log(sortArguments(5, 3, 7, 1));

7.浏览器兼容问题：

特性	chrome	Edge	FirFox	IE	Opera	safaris
基础	47	20	15.0	不支持	34	10
解构	支持	不支持	52.0	不支持	支持	未知

8.总结

Rest参数类似java中不定参数，说明语言都是共通的（相互抄袭，哈哈，只是换个姿势）