js基础知识 —— 箭头函数

一、箭头函数的语法

• 箭头函数是 ES6 里面一个简写函数的语法方式
• 重点： 箭头函数只能简写 函数表达式, 不能简写声明式函数
• 语法： (函数的形参) => {函数体内要执行的代码}

    // 1.普通函数简化为 箭头函数1
        const fn = function (a, b) {
            console.log(a, b)
        }
        fn(10, 20)
        
            // 箭头函数1
                const fn1 = (a, b) => {
                    console.log(a, b)
                }
                fn1(100, 200)
        
        // 普通函数简化为 箭头函数2
            const obj = {
                fn: function (a, b) {
                    console.log(a + b)
                },
            // 箭头函数2
                fn1: (a, b) => {
                    console.log(a + b)
                }
            }
            obj.fn(2, 3)
            obj.fn1(20, 30)

二、箭头函数的特殊性

1. 箭头函数内部没有 this, 箭头函数的 this 是书写时所在位置的 this 值
2. 箭头函数内部没有 arguments 这个参数集合
3. 如果形参只有一个的时候, 小括号可以不写, 如果有多个形参或没有形参的时候, 小括号必须写
4. 函数体只有一行代码的时候, 可以不写 { }, 并且会自动 return