箭头函数的简单使用

1、概要：

箭头函数是基本函数的简化形式；

2、箭头函数与基本函数联系与转化

ES6中函数的基本语法

var fn1 = function(a, b) {
    return a + b
}
function fn2(a, b) {
    return a + b
}

使用ES6箭头函数语法定义函数，将原函数的“function”关键字和函数名都删掉，并使用“=>”连接参数列表和函数体，

使用箭头函数简化后的写法

var fn1 = (a, b) => {
    return a + b
}
(a, b) => {
   return a + b
}

当函数参数只有一个，括号可以省略；但是没有参数时，括号不可以省略。

当参数为无参、单个参数、多个参数、可变参数时 箭头函数写法

// 无参
var fn1 = function() {}
var fn1 = () => {}

// 单个参数
var fn2 = function(a) {}
var fn2 = a => {}

// 多个参数
var fn3 = function(a, b) {}
var fn3 = (a, b) => {}

// 可变参数
var fn4 = function(a, b, ...args) {}
var fn4 = (a, b, ...args) => {}