箭头函数的参数和this指向

箭头函数的参数

// 箭头函数参数
        // 1.普通函数有arguments动态参数
        // 2.箭头函数没有arguments动态参数  但是有剩余运算符...args
        

        // 目标：利用箭头函数求和
        
        let get=(...arr)=>{
            let sum=0
            for(let i=0;i<arr.length;i++){
                sum+=arr[i]
            }
            return sum   //注意函数体有多行代码需要return
        }
        let arr1= get(2,3,4,5,6)//20
        console.log(arr1);

箭头函数this指向

   以前的this指向   谁调用的这个函数   this就指向谁
        // 普通函数
    // function fun(){
    //     console.log(this);//window
    // }
    // fun()

    // // 对象方法里面的this
    // let obj={
    //     naem:'zhansgan',
    //     sayHi:function(){
    //         console.log(this);//this指向obj
    //     }
    // }
    // obj.sayHi()

    // 箭头函数的this指向上一层的this指向
    // let fun=()=>{
    //     console.log(this);//指向window
        
    // }
    // fun()
    // 对象方法箭头函数的this
    let obj={
        uname:'zhangsan',
        sayHi:()=>{
            console.log(this);//thsi指向window
            
        }
    }
    obj.sayHi()


    // !!!!!在开发中使用箭头函数需要考虑函数中的this的值
    // 事件回调函数使用箭头函数时   this为全局的window
    // 因此dom事件回调函数为了便捷 还是不太推荐使用箭头函数