'this'的含义在组件didMount（）， ReactJS

Question

寻求澄清“此”在本上下文中的含义。为什么我需要在ajax请求之后将“this”绑定到回调？当我检查调试器时，不管我是否调用bind，它都会说'this'绑定到构造函数。

var BugList = React.createClass({
getInitialState: function() {
    return {
        bugs: []
    }
},

componentDidMount: function() {

    $.ajax('/api/bugs').done(function(data) {
        this.setState({
            bugs: JSON.parse(data)
        });
    }.bind(this));
},

Answer 1

这是因为默认情况下thisthis将指向：

当前执行上下文的ThisBinding的值；

由于您的上下文将在回调实际运行期间更改，此不会引用您当前的错误列表。

.bind（this）本质上声明，无论上下文如何，都将this设置为该函数创建位置的上下文（即错误列表）

我建议你看看：标准ECMA-262和JS中的范围。关于这个概念的更详细的解释！