Rest Parameters:

In ES5, when you don't know how many paramters will be passed in, you can use arguments:

  1. let sum = function(){
  2.     let result = 0;
  3.     for(let i = 0; i < arguments.length; i++){
  4.         result += arguments[i];
  5.     }
  6.     return result;
  7. }
  8.  
  9. let result = sum(1,2,3);

In ES6, you can use Rest params:

  1. let sum = function(...numbers){
  2.  
  3.     let result = 0;
  4.     for(let i = 0; i < numbers.length; i++){
  5.         result += numbers[i];
  6.     }
  7.     return result;
  8. };
  1. describe("rest paramters", function(){
  2.  
  3.     it("is like varargs", function(){
  4.  
  5.         let doWork = function(name, ...numbers){
  6.  
  7.             let result = 0;
  8.             numbers.forEach(function(n){
  9.                 result += n;
  10.             });
  11.  
  12.             return result;
  13.         };
  14.  
  15.         let result = doWork("Scott", 1,,2,3);
  16.         expect(result).toBe(6);
  17.     });
  18. });

...Spread:

It looks the same as Rest Parameters, Spread uses to spread an array.

  1. it("should sum up", function(){
  2.     let doWork = function(x,y,z){
  3.         return x+y+z;
  4.     };
  5.  
  6.     expect(doWork(...[1,2,3])).toBe(6);
  7. });
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <script data-require="traceur@*" data-semver="0.0.0-20140302" src="https://traceur-compiler.googlecode.com/git/bin/traceur.js"></script>
  5.     <script>
  6.      traceur.options.experimental = true;
  7.     </script>
  8.     <script data-require="traceur@*" data-semver="0.0.0-20140302" src="https://traceur-compiler.googlecode.com/git/src/bootstrap.js"></script>
  9.     <link rel="stylesheet" href="style.css" />
  10.     <script src="script.js"></script>
  11.   </head>
  12.  
  13.   <body>
  14.       <script type="module">
  15.             let a = [4,5,6];
  16.             let b = [1,2,3, ...a, 7,8,9];
  17.             document.write(b); //1,2,3,4,5,6,7,8,9
  18.       </script>
  19.   </body>
  20. </html>

[ES6] 23. Rest Parameters & Spread Parameters的更多相关文章

  1. ADOQuery.Parameters: Property Parameters does not exist

    Exception class EReadError with message 'Property Parameters does not exist'. Exception class EReadE ...

  2. Typescript & React & optional parameters & default parameters

    Typescript & React & optional parameters & default parameters Typescript & optional ...

  3. [ES6] Array -- Destructuring and Rest Parameters && for ..of && Arrat.find()

    We can use the destructing and rest parameters at the same time when dealing with Array opration. Ex ...

  4. 【转】es6的拓展运算符 spread ...

    原文:https://blog.csdn.net/qq_30100043/article/details/53391308 The rest parameter syntax allows us to ...

  5. ...：ES6中扩展运算符(spread)和剩余运算符(rest)详解

    1.扩展运算符(spread) demo1:传递数据代替多个字符串的形式 let test= function(a,b,c){ console.log(a); console.log(b); cons ...

  6. Database Initialization Parameters for Oracle E-Business Suite Release 12 (文档 ID 396009.1)

    In This Document Section 1: Common Database Initialization Parameters For All Releases Section 2: Re ...

  7. Device trees, Overlays and Parameters of Raspberry Pi

    Raspberry Pi's latest kernels and firmware, including Raspbian and NOOBS releases, now by default us ...

  8. SPRING IN ACTION 第4版笔记-第五章BUILDING SPRING WEB APPLICATIONS-004-以query parameters的形式给action传参数(@RequestParam、defaultValue)

    一. 1.Spring MVC provides several ways that a client can pass data into a controller’s handler method ...

  9. Oracle Net Listener Parameters (listener.ora)（转）

    12/20 7 Oracle Net Listener Parameters (listener.ora) This chapter provides a complete listing of th ...

随机推荐

  1. mysql查看'datadir'目录

    mysql查看创建的数据库的数据,包含表等存放的目录,可以输入下面指令查看: show variables like 'datadir'

  2. easyui源码翻译1.32--TimeSpinner（时间微调）

    前言 扩展自$.fn.spinner.defaults.使用$.fn.timespinner.defaults重写默认值对象.下载该插件翻译源码 时间微调组件的创建基于微调组件.它和数字微调类似,但是 ...

  3. 企业2.0杀出一号种子选手 “Linkwedo”横空出世

    当下,最热门的话题就是企业2.0和1.0的新老交替,在过去的时间里OA在国内几乎是企业1.0的代名词,各大知名OA厂商一直占领着国内的企业市场,但企业2.0在全球越演越烈,甚至大有替代企业1.0的的迹 ...

  4. Linux kernel 内存泄露本地信息泄露漏洞

    漏洞名称: Linux kernel 内存泄露本地信息泄露漏洞 CNNVD编号: CNNVD-201311-467 发布时间: 2013-12-06 更新时间: 2013-12-06 危害等级:    ...

  5. VM上成功安装mac os x

    想必很多人在intel . AMD上安装苹果系统,总会遇到很多问题,今天我就将我成功安装的过程给大家分享一下. 下面是我在VM上安装的步骤: 1. 准备软件 OS X Snow Leopard 10. ...

  6. SharePoint 2013版本功能对比介绍

    转:http://www.fengfly.com/plus/view-213720-1.html 在SharePoint使用中,经常纠结于版本问题,SharePoint 2013主要有免费的Found ...

  7. linux cross toolsChain 交叉编译 ARM（转）

    转载请注明出处:http://blog.csdn.net/mybelief321/article/details/9076583 安装环境 Linux版本:Ubuntu 12.04    内核版本:L ...

  8. spring--DI--3

    3.1.1  依赖和依赖注入 传统应用程序设计中所说的依赖一般指“类之间的关系”,那先让我们复习一下类之间的关系: 泛化:表示类与类之间的继承关系.接口与接口之间的继承关系: 实现:表示类对接口的实现 ...

  9. HDU 5648 DZY Loves Math 暴力打表

    题意:BC 76 div1 1003有中文题面 然后官方题解看不懂,我就不说了,然后看别人的题解 因为询问i,j最大都是15000,所以可以预处理,res[i][j]代表答案,然后显然这是开不下的,也 ...

  10. 设计模式_Adapt

    一个形象的例子: (ADAPTER)在朋友聚会上碰到了一个美女Sarah,从香港来的,可我不会说粤语,她不会说普通话,只好求助于我的朋友kent了,他作为我和Sarah之间的Adapter,让我和Sa ...