this箭头函数的不适用场合

1. 函数的参数,申明了默认参数以后在函数体内不应该再次申明变量，否则会报错
2. 不适合使用this箭头函数的场合

• • 　定义对象的方法，且该方法内部包括this (创建对象的时候不构成一个单独的作用域，此时对象内部的this指向的是全局对象)

　　　　　　　　

const a = {
    name: 1,
    foo: function () {
        console.log(this);//{ name: 1, foo: [Function: foo] }
        console.log(this.name++);//1
    }
}
a.foo();

　const b = {

　　　　num:2,

　　　　foo: ()=>{

　　　　return this.num++;

　　}

 }

 console.log(b.foo());//NaN

 

• • 　　需要动态this的时候也不应该使用箭头函数

    var button = document.getElementById('press');
        button.addEventListener('click', () => {
          this.classList.toggle('on');
    });

    button的监听函数是一个箭头函数，导致里面的this就是全局对象。如果改成普通函数，this就会动态指向被点击的按钮对象

转载于:https://www.cnblogs.com/yinping/p/10891583.html