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

来源:5-2 ES6常用命令

itellboy

2017-07-26

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


写回答

3回答

qq_提笔写下你的烦恼_0

2018-01-23

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

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

1
0

LetsShare

2017-07-27

ES6 的写法

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

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

非ES6的写法

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

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


0
0

张志华

2017-07-26

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

0
1
itellboy
这两种写法再实际用途中,有什么区别吗,我用起来感觉一样
2017-07-27
共1条回复

Vue2.6+Node.js+MongoDB 全栈打造商城系统

课程全面升级,Vue2.6+Koa2,从前端入门全栈,让你的未来更宽广

2634 学习 · 924 问题

查看课程