JavaScript自定义异步函数编写疑问：为何我的代码呈同步执行？

你对JavaScript异步逻辑的核心误解在于：Promise构造函数的executor（传入的第一个函数）是同步执行的。

为什么你的代码会阻塞？ #

JavaScript是单线程模型，Promise本身只是「异步结果的容器」，并不是异步执行的载体。当你调用asyncFunc创建Promise时，executor函数会立即被同步执行——也就是你那个耗时极长的while循环会直接霸占主线程，直到循环跑完才会继续执行后面的console.log('test')。这就是为什么'test'要等5秒才输出的原因。

如何修复？ #

根据你的需求场景，分两种情况处理：

场景1：仅需模拟“延后执行”（非CPU密集型任务）

如果只是想让任务不阻塞后续代码执行，把耗时逻辑放到事件队列中，用setImmediate或setTimeout包裹即可：

function asyncFunc(i, n){
    return new Promise(function(resolve, reject){
        // 将耗时任务放入事件队列，让主线程先处理后续代码
        setImmediate(() => {
            while (i < n){
                r = n % i
                i = i + 1
            }
            resolve('success data')
        })
    })
}

asyncFunc(1, 1000000000)
.then((data)=> {
    console.log(data);
})
console.log('test');

此时console.log('test')会立即执行，等循环在事件队列中跑完后，再输出success data。

场景2：处理真正的CPU密集型任务

如果这个while循环是真实的CPU密集型任务，上面的方法只是延后阻塞，主线程在执行循环时还是会卡住。这种情况需要用Node.js的Worker线程把任务放到单独的线程中运行：

const { Worker, parentPort } = require('worker_threads');

function asyncFunc(i, n) {
    return new Promise((resolve, reject) => {
        const worker = new Worker(`
            const { parentPort } = require('worker_threads');
            let currentI = ${i};
            const targetN = ${n};
            while (currentI < targetN) {
                r = targetN % currentI;
                currentI++;
            }
            parentPort.postMessage('success data');
        `, { eval: true });

        worker.on('message', resolve);
        worker.on('error', reject);
        worker.on('exit', (code) => {
            if (code !== 0) reject(new Error(`Worker exited with code ${code}`));
        });
    });
}

asyncFunc(1, 1000000000)
.then(data => console.log(data))
.catch(err => console.error(err));

console.log('test');

这种方式下，CPU密集任务在独立线程中运行，主线程完全不阻塞，test会立即输出。

你遗漏的核心知识点 #

1. Promise的executor是同步执行的：Promise只负责封装异步结果，不自动让内部代码异步运行。
2. JavaScript事件循环逻辑：只有当前执行栈清空后，才会处理事件队列中的任务。同步阻塞代码会霸占执行栈，导致后续代码无法执行。
3. 单线程的局限性：CPU密集型任务在单线程中无法真正异步，必须借助多线程（如Worker）实现并行执行。

内容的提问来源于stack exchange，提问作者ariko stephen