理解箭头函数

Posted 2020-10-15 白与小寒

 

箭头函数知识点很少，但是要理解清楚，不然看代码会很不适应的。

1. 最简单的写法

x => x*x

可以理解为 我的x要被转化为x*x，所以实际相当于下边的这个

function (x){
　　return x*x
}

2. 箭头函数加块语法

x=>{
    if(x>0){
        return 1
    }
    return 2
}

 

3. 当然如果是多个语句，就得用块了，不然就散开了，所以用一个花括号包着

function（x）{
　　if (x > 0) {
　　　　return 1;
　　}
　　return 2;
}

4. 没有参数或者多个参数需要用()吧参数括起来

（x, y）=> x + y;

5. 返回的是一个对象的话, 也要用括号，不然分不清是块还是对象，就报错了

x=> （{color："red"}）;

6. 箭头函数和function不是一种东西哦，所以call, apply, bind都没用的