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) => {
}