理解es6箭头函数

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

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都没用的

原文地址:https://www.cnblogs.com/sowhite/p/7874892.html