bindtap 事件处理函数有的有function有的没有function？ - WXOPEN Club

比如在wxml文件中有：

在Page里可以addLog是不是可以写成：

addLog(event){ … }

也可以写成

addLog : function(event){ … }

这两者有什么区别吗？为什么第一个可以没有function呢？

反正打包时勾选了es6转es5后都给你转换成function的方式了

第一种写法是ES6的对象方法简写，第二中是传统的ES5的对象方法写法：

ES5写法：

const obj = {
  fun: function(res) {
    ...
  } 
}

ES6对象方法简写：

 const obj = {
   fun(res) {
      ...
   }
}

而Page的参数就是传入一个对象，像data、onLoad…都是对象的属性和方法：

Page({
  data: {
  },
  onLoad: function(e) {
   ...
  }
})

所以onLoad等对象方法都是可以简写的：onLoad(res){ … }

第一种简写形式

效果一样的，基本没有区别。第一种__：addLog(event){ … } __是ES6新增的一种简化的写法。