js箭头函数的使用

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)