箭头函数所遇到的小小问题

直接上代码

Timer=()=>{
    this.s1 = 0;
    this.s2 = 0;
    // 箭头函数
    setInterval(() => this.s1++, 1000);
    // 普通函数
    setInterval(function () {
        this.s2++;
    }, 1000);
}
let timer=new Timer();

为什么会报错呢?

箭头函数注意点

函数体内的this对象,就是定义时所在的对象,而不是使用所在的对象
不可以当作构造函数,就是说不能new
不可以使用arguments
不可以使用yield
也就是说,this对象的指向是可变的,但是在箭头函数中,this的指向是固定的

只需要把最外层写成函数就行了

function Timer() {
    this.s1 = 0;
    this.s2 = 0;
    // 箭头函数
    setInterval(() => this.s1++, 1000);
    // 普通函数
    setInterval(function () {
        this.s2++;
    }, 1000);
}

第二点由于普通的函数的this指向的是window,所有s2不能被修改
所有不是所有的东西都要用箭头函数表示,视情况而定