箭头函数的使用 es6 230216

无参无返回值

// 无参无返回值的箭头函数
var fn = () => {
    console.log("hello")
}

// 调用箭头函数
fn()


// 等价于下面的用法
var fn2 = function () {
    console.log("world")
}
fn2()

无参有返回值

var fn = () => {
    console.log("hello")
    return "100"  // 函数体中加上return可
}

// 调用箭头函数
var res = fn()
console.log(res)

有参有返回值

定义一个函数，接收两个数字

返回两个数字的和

var fn = (num1, num2) => {
    var res = num1 + num2
    return res  // 函数体中加上return可
}

// 调用箭头函数
var res = fn(1, 2)
console.log(res)

省略花括号的情况

注意：

函数体直接return数据时才可以省略

如果在return数据前还有一些运算，不要省略花括号

// 如果函数体直接返回一个数据可省略花括号
var fn = () => "999"
var res = fn()
console.log(res)

// 求二个数之和
var fn2 = (num1, num2) => num1 + num2
var res2 = fn2(1,2)
console.log(res2)

省略参数圆括号的情况

需求：接收一个参数，返回它的2倍的结果

var fn = num => num * 2
var res = fn(3)
alert(res)  // 6