码迷,mamicode.com
首页 > 其他好文 > 详细

[ES6] 23. Rest Parameters & Spread Parameters

时间:2015-05-01 19:50:49      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:

Rest Parameters:

 

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

let sum = function(){
    let result = 0;
    for(let i = 0; i < arguments.length; i++){
        result += arguments[i];
    }
    return result;
}

let result = sum(1,2,3);

 

In ES6, you can use Rest params:

let sum = function(...numbers){
    
    let result = 0;
    for(let i = 0; i < numbers.length; i++){
        result += numbers[i];
    }
    return result;
};

 

describe("rest paramters", function(){

    it("is like varargs", function(){
    
        let doWork = function(name, ...numbers){
        
            let result = 0;
            numbers.forEach(function(n){
                result += n;
            });
            
            return result;
        };
        
        let result = doWork("Scott", 1,,2,3);
        expect(result).toBe(6);
    });
});

 

...Spread:

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

it("should sum up", function(){
    let doWork = function(x,y,z){
        return x+y+z;
    };
    
    expect(doWork(...[1,2,3])).toBe(6);
});

 

<!DOCTYPE html>
<html>
  <head>
    <script data-require="traceur@*" data-semver="0.0.0-20140302" src="https://traceur-compiler.googlecode.com/git/bin/traceur.js"></script>
    <script>
     traceur.options.experimental = true;
    </script>
    <script data-require="traceur@*" data-semver="0.0.0-20140302" src="https://traceur-compiler.googlecode.com/git/src/bootstrap.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
      <script type="module">
            let a = [4,5,6];
            let b = [1,2,3, ...a, 7,8,9];
            document.write(b); //1,2,3,4,5,6,7,8,9
      </script>
  </body>
</html>

 

[ES6] 23. Rest Parameters & Spread Parameters

标签:

原文地址:http://www.cnblogs.com/Answer1215/p/4470997.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!