箭头函数

0. ES6新增的定义函数的方式
        // 简化函数定义语法
        const fn = () => {
            console.log(123);
        }
        fn();
1. 函数体中只有一句代码,且代码的执行的结果就是返回值,可以省略大括号
        function sum(a, b) {
            return a + b;
        }  
        const sum = (num1, num2) => num1 + num2;    
2. 如果函数只有一个,可以省略小括号
        function fn(v) {
            return v;
        }
        const fn = v => v * v;
3. this在箭头函数中的定义

箭头函数不绑定this箭头函数没有自己的this
关键字如果在箭头函数中使用this,
this关键字将指向箭头函数定义位置中的this

        function fn() {
            console.log(this);
            return () => {
                console.log(this);
            }
        }

        const obj = {
            name: '张三'
        };
        fnr = fn.call(obj);
        fnr();
4. 箭头函数在对象中的指向
        var obj = {
            age: 20,
            say: () => {
                console.log(this); //this指向的是window
            }
        }
        obj.say();
©️2020 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页