[ES6] 23. Rest Parameters & Spread Parameters

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>
复制代码

 

posted @   Zhentiw  阅读(261)  评论(0)  编辑  收藏  举报
（评论功能已被禁用）
编辑推荐：
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· AI技术革命，工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示
AI IDE Trae