1. 箭头函数没有参数时,使用小刮号代表参数部分
// 原始写法:
var test = function() {
console.log(111);
}
test()
// 箭头函数写法:
var test = () => {
console.log(111);
}
test()
2. 当函数只有一个参数时,可以省略小括号,直接写参数
// 原始写法:
var test = function(a) {
console.log(a);
}
test(1)
// 箭头函数写法:
var test = a => {
console.log(a);
}
test(1)
3. 当参数有多个时,需要加上小括号
// 原始写法:
var test = function(a,b) {
console.log(a+b);
}
test(1,2)
// 箭头函数写法:
var test = (a,b) => {
console.log(a+b);
}
test(1,2)
4. 当函数体只有一条语句时,可以不加花括号,直接将这条语句写在箭头后面即可
// 原始写法:
var test = function() {
console.log(111);
}
test()
// 箭头函数写法:
var test = () => console.log(111);
test()
5. 如果函数体是要return数据的话,可以直接去掉大括号和return,直接写那个值value即可。在箭头函数执行时,会自动将其作为返回值返回
// 原始写法:
var test = function(a,b) {
return a+b
}
test(1,2)
// 箭头函数写法:
var test = (a,b) => a+b
test(1,2)