关于箭头函数的定义，这两个有什么不同

Question

showGood(){
    console.log(123)
}
showGood:()=>{
    console.log(123)
}

Answer 1

qq_提笔写下你的烦恼_0 2018-01-23 14:25:48

其实二者使用上没有什么区别，值得注意的是 ，一个参数 小括号可以不写， prop => {...},花括号里面只有一条语句，不写花括号，会默认return 这条语句， 如果返回的是单表达式，并且返回的是一个对象，x => {foo:x} 这么写就会报错

正确的写法是 x =>({foo:x})    原因是 {...} 这种语法冲突。 

Answer 2

LetsShare 2017-07-27 11:28:46

ES6 的写法

1. 自定义函数 xxx() {...}

2. 回调函数  (parameter)=> {...}

非ES6的写法

1. 自定义函数 function xxx() {...}

2. 回调函数  function (parameter) {...}

Answer 3

张志华 2017-07-26 22:14:30

第一个是定义了一个函数对象；第二个是定义了一个对象，键是showGood，值是一个匿名箭头函数

• 提问者 itellboy #1

  这两种写法再实际用途中，有什么区别吗，我用起来感觉一样