zoukankan      html  css  js  c++  java
  • ES6箭头函数与展开运算符

    箭头函数:省去了关键字function和return:

    eg: reduce=(a,b)=>a+b;//返回a+b的值

         redduce=(a,b)=>{console.log(a);console.log(b);return (a+b);}//对于有块级作用域的,如要返回值,需用return返回

    注意:

    当用箭头符号创建一个普通对象时,最好用小阔号将其包裹,因js引擎也会将类似{key,value}这样的对象解析为块语句,会造成歧义。

    eg: 创建狗的空对象

          var newDog=Dog=>{};  //报错,undifined;

          var newDog=Dog=>({});  //正确

    展开运算符:功用简言之,将一个数组直接拖带到另一个数组(数组合并)或者直接将一个数组作为函数的参数,数组元素自动匹配函数对应的参数

    eg:addAll=(a,b,c)=>{  

    console.log(a);

    console.log(b);

    console.log(c);

    return (a+b+c);

    };

    $('#btn').click(event=>{ 

    var arr=[1,2,3];

    var arr1=[4,5];

    var arr2= [...arr,...arr1,6,7,8];

    console.log(arr2);  //[1,2,3,4,5,6,7,8]

    console.log(addAll(...arr));  //a=1,b=2,c=3,a+b+c=6

    })

  • 相关阅读:
    Linux shell脚本学习
    正则表达式 学习-编辑
    新装ubuntu使用vi时方向键不起作用
    vi
    ln
    crontab
    64bit ubuntu 14 04 LTS 安装 google chrome
    64bit ubuntu 14 04 LTS 安装 adobe flash player
    glogin.sql的常用配置
    sql基本语句(一)select
  • 原文地址:https://www.cnblogs.com/ganmy/p/6248017.html
Copyright © 2011-2022 走看看