阵列的新值在分配之前显示

Question

我会尽力以最明白的方式解释我的问题。

1. 描述
2. 问题

1。描述

tl;dr console.logging显示将来执行ajax请求后分配给它的数组数据。在分配之前显示它！

这是我的js结构：

var details = {
    var contactsData = [];
    [...]

    saveNotes: function() {
     console.log(this.contactsData);
     this.saveDefault();
    }

    saveDefault: function() {
        var that = this;
        $.ajax({
            [...]
        }).done(function (response) {
            that.contactsData[that.contactsData.length] = response;
            console.log(that.contactsData);
    });
}

第1步：我有一个输入字段。使用事件querySelector和keypress eventListener，我致电saveNotes()

步骤2：saveNotes()控制台在调用另一个函数之前记录this.contactsData。

第3步：我执行saveDefault()并调用ajax，它返回我作为新值附加到contactsData的响应和console.log this.contactsData。

2。问题

SaveNotes（）中的Console.log记录了这一点

和控制台登录.done记录此



请注意检查员中的（26）vs（27）信息和长度：值

这怎么可能，请帮助，谢谢。