箭头函数

Posted sandy.simple

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了箭头函数相关的知识,希望对你有一定的参考价值。

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;
    }

 

 

  

以上是关于箭头函数的主要内容,如果未能解决你的问题,请参考以下文章

10个JavaScript代码片段,使你更加容易前端开发。

使用导航组件将返回箭头添加到片段

d3.select(this)不能用箭头函数

如何通过后退按钮(箭头)将活动导航到片段?

像导航抽屉一样切换片段(带后退箭头)

(导航组件)返回首页fragment时如何在activity上显示返回箭头?