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)    // 6f(1, 2, 3, 4) // 6 (第四值没有与之对应的变量名)

6.例子走起

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

function fun1(...theArgs) {  console.log(theArgs.length);}fun1();  // 0fun1(5); // 1fun1(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.浏览器兼容问题：

特性chromeEdgeFirFoxIEOperasafaris基础472015.0不支持3410解构支持不支持52.0不支持支持未知

8.总结

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