函数

有名函数

1
2
function fn(a, b)  { return a + b }
console.log(fn(1, 2))

函数表达式

1
2
const fn2 = function (a, b) { return a * b}
console.log(fn2(1, 2))

箭头函数

1
2
const add = (a, b) => { return a + b }
console.log(add(1, 2))

特性

参数只有一个时，可以省略()

1
2
3
4
5
6
7
const log = arg => 
{
    console.log(arg)
}

log(666)
log('223423')

当函数体只有一句话时，可以省略{}，此时箭头函数自带返回值功能

1
2
const add = (a, b) => a + b
console.log(add(1, 2))

当返回一个对象时，为了简写，需要给对象加()

简写前：

1
2
3
4
5
6
7
8
9
10
11
12
13
const state = () => 
{
    return {
        token: 'xxx',
        userInfo: 
        {
            name: 'admin',
            id: 1
        }
    }
}

console.log(state())

简写后：

1
2
3
4
5
6
7
8
9
10
11
const state = () => 
({
    token: 'xxx',
    userInfo: 
    {
        name: 'admin',
        id: 1
    }
})

console.log(state())

应用

既可以用于函数声明，也可以用于回调函数传参

1
setTimeout(()=>{console.log(666)}, 200)