当异步回调函数执行时 这个啥

异步回调函数是通过 `setTimeout` 函数设置的，它们会在事件队列中等待，直到主线程完成。这是因为 JavaScript 是单线程的，只有一个主线程可以处理代码，因此异步操作需要等待主线程完成后才能执行。当主线程完成后，异步回调函数会被添加到事件队列的末尾，并等待 JavaScript 引擎执行它们。因此，当异步回调函数在事件队列中执行时，它们会输出 4，因为此时 i 的值已经被更新为 4。

相关问题

js 如何等待异步回调函数执行后做其他同步操作

可以使用 async/await 或者 Promise 来处理异步回调函数执行后再做其他同步操作的问题。

使用 async/await 的示例代码如下：

async function fetchData() {
  const data = await fetchDataAsync(); // 异步回调函数
  console.log(data); // 执行完异步回调函数后再执行这里的同步操作
}

使用 Promise 的示例代码如下：

fetchDataAsync().then(data => {
  console.log(data); // 执行完异步回调函数后再执行这里的同步操作
});

在上述示例代码中，当异步回调函数执行完毕后，使用 async/await 或者 Promise 可以让程序暂停执行，等待异步回调函数返回结果后再执行后续的同步操作。

jqgrid formatter 执行异步回调函数

在 jqGrid 中使用 formatter 执行异步回调函数可以按照以下步骤操作：

1. 定义 formatter 函数，在函数中发起异步请求获取数据，如下：

function myFormatter(cellvalue, options, rowObject) {
    var result = "";
    $.ajax({
        url: "/api/getData?id=" + cellvalue,
        async: true,
        success: function (data) {
            result = data;
            // 执行回调函数
            if (options && options.successCallback) {
                options.successCallback(result);
            }
        }
    });
    return result;
}

这里的 myFormatter 函数中，通过 ajax 请求异步获取数据，并将结果保存在 result 变量中。在 ajax 请求成功的回调函数中，判断是否传入了 options 对象，并且 options 对象中是否有 successCallback 属性，如果有则执行 successCallback 回调函数并将结果传入。

2. 在 colModel 中使用 formatter 属性指定 formatter 函数，并传入 options 对象，如下：

{
    name: 'xxx',
    index: 'xxx',
    formatter: myFormatter,
    formatoptions: {
        successCallback: function (result) {
            // 处理回调函数返回的数据
            // ...
        }
    },
    // ...
}

这里的 name 和 index 属性分别表示列名和列的索引，formatter 属性指定使用 myFormatter 函数对该列进行格式化，formatoptions 属性指定传入的 options 对象，并在 options 对象中定义 successCallback 回调函数，在回调函数中处理 myFormatter 函数返回的结果。

需要注意的是，由于异步请求是非阻塞的，因此需要在回调函数中处理返回的数据，否则可能会出现数据显示不正确的问题。

另外，由于异步请求可能会导致性能问题，因此建议仅在必要时才使用异步函数处理 formatter。