javascript - 为什么bindEvent中self.lock = false要比createPage中的执行速度要快？

Question

关键代码如下：

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)呢？

Answer 1

因为异步请求啊，下面代码第一行函数中的this.getJSON是异步的，console.log(1)是同步的，所以后面的先打印出来

self.createPage(self.page);
self.lock = false;
console.log(1)