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

箭头函数

时间:2017-10-27 15:33:07      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:col   解释   item   不同   根据   多个参数   ast   定义   不用   

es6允许使用"箭头"(=>)定义函数。

1.根据参数的不同分几种情况:

  ()=>  //没有参数的时候

  x=>  //只有一个参数的时候

  (x,y)=>  //有多个参数的时候

2.大括号{}被解释为代码块,如果箭头函数的代码块部分多于一条语句,就要使用{}将他们阔起来,用return语句返回。

    var add = (num1,num2)=>{
        var sum;
        if(num1 ==15){
            sum = num1 +num2;
        }
        else{
            sum = 20;
        }
        return sum;
    }
    console.log(add(15,15));  //30

当然,=>后面也不一定非得接return之后的语句

    $("#btn-ok").on("click",()=>{
        bindEvent();
        fn();        
    });
    function bindEvent() {
        /***绑定onbeforeunload事件****/
        window.onbeforeunload = function() {
            return "确定离开页面吗?";
        }
    }
    function fn() {
        console.log("yes");
    }

注意:多行语句要用{}括起来,单行语句不用,并且会作为函数的返回值。

var sum = (num1,num2) =>num1+num2;
console.log(sum(9,9));     //18
    ? x=>x*x;
    ? x=>{return x*x}
    ? x=>return x*x //报错,不能省略{}
    ? x=>x*x;    //合法的,没有定义返回值,返回undefined 

 

箭头函数返回一个对象,必须在对象外面加上一个(),否则会报错

let getTempItem = id => ({ id: id, name: "Temp" });

箭头函数可以与变量结合使用

    const full = ({ first, last }) => first + ‘ ‘ + last;
    // 等同于
    function full(person) {
      return person.first + ‘ ‘ + person.last;
    }

 

 

  

箭头函数

标签:col   解释   item   不同   根据   多个参数   ast   定义   不用   

原文地址:http://www.cnblogs.com/wangwenhui/p/7739820.html

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