javascript - 关于react的类中定义方法绑定到实例中的不解-PHP中文网问答

先看一段代码：一个简单的点赞自增组件；

import ReactDOM from 'react-dom';
import React, { Component } from 'react';

class Profile extends Component {
    constructor( props ) {
        super( props )
        this.state = {
            liked: 0
        };
        this.likedCallback = this.likedCallback.bind(this);
    }
    likedCallback(){
        console.log("ooooo")
        let liked = this.state.liked;
        liked++;
        this.setState({
            liked
        });
    }
    render(){
        return (
            
                
我的名字叫 {this.props.name}
                我今年{this.props.age}岁
                
                点赞总数:{this.state.liked}
            
        )
    }
}


const props = {
    name:"hahaha",
    age:"12"
}

let root = document.getElementById('app');
ReactDOM.render(
    , root
);

有点不太明白为什么要交这一句：
this.likedCallback = this.likedCallback.bind(this);
当然还有一种写法是不加这一句，但是在这一句：

要改成：

这两种方法一对比好像有点明白，就是此处的`this.likedCallback`只是实例方法的引用，此时的`likedCallback`里面的`this`已经变成全局this，反正不是实例自己了，所以要用`bind`在绑定一下，不知道自己这样自圆其说对不对，但是到这里就自己解释不下去了，还是对js了解的不够深刻，有谁能给讲解一下，尤其是在`constuctor`函数里面的这一句`this.likedCallback = this.likedCallback.bind(this);`，通俗点哈，谢谢各位了