es6中出现了一种新的语法,箭头函数,我们学习的时候需要注意两点,一个是写法,另外一个是使用的场景,写法比较简单就是一个符号=>这就代表着箭头的意思,教程里这样定义箭头函数
参数 => 函数体
这是一种写法
如果函数体有多行代码需要用大括号包裹起来
适应场景是在回调函数中,如果不使用箭头函数,我们经常需要这样定义
var that = this
笔者在学习小程序开发的时候,在官方的视频教程里经常出现这种语法,当时不知道为啥会有这种操作,后来用的熟练了也就理解了,给一个实际的案例
createData() { this.$refs['dataForm'].validate((valid) => { if (valid) { this.temp.id = parseInt(Math.random() * 100) + 1024 // mock a id this.temp.author = 'vue-element-admin' this.temp.status = '待支付' this.temp.no = parseTime(new Date(), '{y}{m}{d}') + (++this.total).toString().padStart(5, '0') this.$cloudbase.database().collection('order').add({ no: this.temp.no, name: this.temp.name, telphone: this.temp.telphone, address: this.temp.address, items: this.products, totalprice: this.temp.totalprice, discountprice: this.temp.discountprice, status: this.temp.status, createdate: new Date() }).then((res) => { this.temp._id = res.id this.list.unshift(this.temp) this.dialogFormVisible = false this.$notify({ title: '提示信息', message: '新增成功', type: 'success', duration: 2000 }) this.fetchData() }).catch((e) => {}) } }) }
箭头函数的用处就是为了在回调里继续使用this,只需要记住这一点会用就可以,当然他还有很多知识点,但是作为实用主义的我来说,不细究,学会用就可以了。