Javascript 回调函数、Promise 和 async/await

十七同志

已于 2024-05-06 11:26:07 修改

阅读量399

点赞数 5

分类专栏： Javascript 知识点专栏文章标签： javascript 开发语言 ecmascript

于 2024-04-11 16:58:28 首次发布

本文链接：https://blog.csdn.net/weixin_54049256/article/details/137645097

版权

本文详细介绍了JavaScript中的回调函数概念，其在异步操作中的应用，以及回调函数的优缺点。同时对比了Promise和async/await的出现，以改进异步编程的可读性和维护性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一级目录

二级目录

三级目录

回调函数概念

在JavaScript中，回调函数（Callback Function）是一个非常重要的概念，它允许你传递一个函数作为参数到另一个函数中，并在需要的时候由另一个函数来调用它。回调函数常用于异步操作、事件处理、定时任务等场景

A函数作为参数到B函数中，那么B函数就是回调函数
例如：定时器中的调用函数，事件处理函数，都是回调函数
element.onclick = function(){} 或者 element.addEventListener(“click”, fn) 里面传入的函数也是回调函数

基本用法

下面是一个简单的回调函数示例，其中callMeBack是一个回调函数，被传递给doSomething函数并在其中被调用：

function doSomething(callback) {
   
  // 做一些事情...
  
  // 调用回调函数
  callback();
}

function callMeBack() {
   
  console.log('回调函数被调用了！');
}

// 调用doSomething函数，并将callMeBack作为回调函数传递
doSomething(callMeBack