箭头函数

Posted 2021-01-08 qqqing

 

Arrow Function 是ES6的新语法，使函数看起来更简洁，代码看起来更炫酷！！

箭头函数类似于匿名函数

主要结构       () => {}     原来的函数结构 function() {}        省去了function 加上了炫酷的箭头 

1.参数是一个的时候可以省略()  表达式只有一条可以省略{}  自带return

a => a++
//等同于
function(a){
　　return a++
}

2.返回值为对象的时候必须加 ( ) 

a =>{
  name: jack,
  age: 18        
}       
 // 出错 对象的{}和函数的{}冲突,要加()


//改为
a => ({
  name: jack,
  age: 18    
})

3.this指向问题

箭头函数的没有自己this指向外围的函数