javascript - 为什么bindEvent中self.lock = false要比createPage中的执行速度要快?
本文介绍了javascript - 为什么bindEvent中self.lock = false要比createPage中的执行速度要快?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
关键代码如下:
Mangement.prototype.createPage = function(page){
var self = this;
this.getJSON(page,function(data){
var dataObj = typeof(data) == "object" ? data : eval("("+data+")");
_.each(dataObj.data.list,function(dictionary){
new Feed(dictionary);
});
//开锁
self.lock = true;
console.log(2);
});
};
Mangement.prototype.bindEvent = function(){
var self = this;
$(window).scroll(function(){
//当 self.lock == true; 不执行return;
if(!self.lock){return};
var A = $(window).scrollTop();
var B = $(window).height();
var C = $(document).height();
var rate = ( A + B ) / C;
if( rate > 0.7){
self.page++;
self.createPage(self.page);
self.lock = false;
console.log(1)
};
});
}
var m = new Mangement();
测试发现,控制台先输出1然后才输出2,问题是self.createPage(self.page);这句里面执行函数的语句里面有console.log(2);,为什么不是等这句执行完之后再执行console.log(1)呢?
解决方案
因为异步请求啊,下面代码第一行函数中的this.getJSON
是异步的,console.log(1)
是同步的,所以后面的先打印出来
self.createPage(self.page);
self.lock = false;
console.log(1)
这篇关于javascript - 为什么bindEvent中self.lock = false要比createPage中的执行速度要快?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文