回调函数的后面加个bind(this)的作用是什么

weixin_34050427

于 2017-12-11 13:33:00 发布

阅读量547

点赞数

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/627054

本文解释了在ReactJS教程中的回调函数使用.bind(this)的原因。通过bind方法可以确保函数内部this关键字正确指向组件实例，避免因默认绑定规则导致this指向丢失的问题。

回调函数的后面加个bind(this)的作用是什么

学习reactjs的tutorial是看到:

componentDidMount: function () {
            this.serverRequest = $.ajax({
                url: this.props.url,
                data: {},
                type: 'GET',
                dataType: 'json',
                success: function (data) {
                    this.setState({
                        
                    });
                }.bind(this), // 修改bind()前的函数内部this变量指向。if 不bind的话，方法内部的this 就是 $.ajax({这个对象}), bind传入的this应该是组件。 可以console 输出一下看看。
                error: function (msg) {
                    console.log("error:" + msg);
                }.bind(this)
            })


        },

不是很理解？

看注释。