箭头函数问题
来源：8-7 Vue项目城市选择页 - 列表性能优化
海阔随我游
2020-05-17
老师，下面代码不是太清楚，总有种朦朦胧胧的感觉，仔细琢磨好像是对箭头函数不理解的缘故，您能给解释下箭头函数是怎么回事吗？
if (this.timer) {
clearTimeout(this.timer)
}
this.timer = setTimeout(() => {
const touchY = e.touches[0].clientY - 79
const index = Math.floor((touchY - this.startY) / 20)
if (index >= 0 && index < this.letters.length) {
this.$emit(‘change’, this.letters[index])
}
}, 16)
1回答
-
满舰饰v
2020-05-17
箭头函数是es6星语法，可以大幅度减少函数声明时的代码量，小伙子JS基础没打好啊
(param1, param2, …, paramN) => { statements }
(param1, param2, …, paramN) => expression
//相当于：(param1, param2, …, paramN) =>{ return expression; }
// 当只有一个参数时，圆括号是可选的：
(singleParam) => { statements }
singleParam => { statements }
// 没有参数的函数应该写成一对圆括号。
() => { statements }给你举个简单的例子：
var a = function(){
return 1 + 1;
}
var a = () =>{
return 1 + 1;
}
甚至可以更简化
var a = () => 1 + 1
这三个函数都是同一个意思
30
相似问题