6.1 熟悉ES6的特性

优质
小牛编辑
124浏览
2023-12-01

ES6的this指针

很多开发者在开发的时候都会发现this.xxx() 函数执行时报错了,找不到响应的方法。 在使用this.xxx的时候就需要注意可能踩上es6 this指针的坑了。

es6的类函数并不像es5会自动绑定this指针,所以需要需要执行的this。

具体有如下2种:

  • 第一种在使用之前进行绑定this
this.xxx.bind(this);
  • 第二种,用指针函数进行绑定
class myClass extends Component {
    xxx = ()=> {
        console.log(this);
    }
}

这种写法就会让xxx自动绑定当前class实例为this了。