javascript异步是什么_回调函数和promise有何不同

JavaScript异步机制通过不阻塞主线程来保持页面响应流畅,核心方案包括回调函数(易导致回调地狱、错误分散)和Promise(用状态管理与链式调用解决嵌套、集中捕获错误、支持并发)。

JavaScript异步是指不阻塞主线程、让代码在等待耗时操作(比如网络请求、文件读取、定时器)完成时,仍能继续执行后续任务的机制。核心目的就一个:别卡住页面,保持响应流畅。

回调函数:最直接,但也最容易失控

回调函数是把一个函数作为参数传进去,等异步操作做完再调用它。写法简单,浏览器和Node.js早期全靠它。

  • 优点:上手快、兼容性好、没额外开销
  • 问题集中在三方面:
    – 多个异步串行时,会层层嵌套,形成“回调地狱”,代码缩进越来越深,逻辑难追踪
    – 每一层都要单独写错误判断,容易漏掉或重复处理
    – 控制流松散,想并行发起几个请求、再统一收尾,得自己手动协调

Promise:用状态+链式调用理清异步流程

Promise是一个对象,代表某个异步操作“将来会有的结果”。它内部有明确的状态(pending/fulfilled/rejected),且状态一旦改变就不可逆。

  • 解决了回调地狱:用.then()串起来,像流水线一样往下走,不再向右缩进
  • 错误可以集中捕获:.catch()能捕获前面任意.then()里抛出的错误,不用每层都写if(err)
  • 内置并发工具:比如Promise.all([p1, p2, p3])可以同时发起多个请求,等全部完成再统一处理

关键区别一句话总结

回调函数是“你告诉我做完后干啥”,而Promise是“我承诺给你一个结果,你可以按顺序指定成功怎么处理、失败怎么处理、最后不管怎样都做什么”。前者控制权在调用方手里但容易乱,后者把异步过程封装成可组合、可预测的对象。

基本上就这些