var that = this 小坑记

本文探讨了JavaScript中常见的this指向问题,特别是在AJAX回调函数中。通过使用var that = this,可以保存当前作用域的this引用,避免因函数执行上下文改变导致的this指向错误。

在js编码过程中,经常会使用如上的语句来规避拿不到变量的问题。

比如:

queryData:function () {
            var that=this;
            var param={};
            for(var key in this.condition){
                if(this.condition[key]){
                    param[key]=this.condition[key];
                }
            }
            AJAX.GET("/api/adream/flow/queryRoomsBySystem",param,function (data){
                if(data.success && data.systemList != null){
                    var queryLen = data.systemList.length;
                    if(queryLen > 0){
                        for (var queryIndex=0; queryIndex<queryLen; queryIndex++){
                            debugger;
                            
                        }
                    }
                }
            });

注意标黄的部分,如果用this.roomList,将会发现roomList为空对象,是因为this指向的是AJAX内部的对象,this会随着代码进入的层深来自动改变指向的对象,所以这里在用this.roomList,那确实拿不到外层的对象。

而使用var that = this之后,that中的对象将是this刚进入queryData方法时候的副本,所以会拿到这个对象。

转载于:https://www.cnblogs.com/scy251147/p/10289132.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值