JavaScript 回调（callback）函数

最新推荐文章于 2023-06-05 03:52:59 发布
最新推荐文章于 2023-06-05 03:52:59 发布
阅读量1.5w 收藏 8
点赞数 5
分类专栏： 前端开发专题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/withiter/article/details/9234981
版权

此文适合JavaScript入门级选手阅读，高手就可以飘过了。

先扯点闲话。在中国，有这么一种现象：不管什么词或者概念，总会有些人把这些东西解释的神乎其神，貌似搞得别人听不懂就觉得自己很厉害的样子。其实不知道有多2。我个人比较崇尚简洁明了。什么词，什么概念，如果你能用简短的一两句话让大家听明白，这才是本事。好了，闲话不扯了，进入正题。

在JavaScript里什么叫Callback“回调函数”，用我的话来讲就是把方法b当做一个参数传递个方法a，当方法a执行完后执行另外一个指定函数（这里是b函数）。来看个列子：

<html>   
    <head>      
		<title>Callback function test</title> 
		<script language="javascript" type="text/javascript"> 
		function main(callback) 
		{    
			alert("I am main function"); 
			alert("Invoke callback function.."); 
			callback(); 
		} 
		function b(){ 
			alert("I am callback function: b"); 
		} 
		function c(){ 
			alert("I am callback function: c"); 
		} 
		 
		function test() { 
			main(b); 
			main(c); 
		} 
		 
		</script> 
    </head> 
     
    <body> 
		<button onClick="test()">click me</button> 
    </body> 
</html>
这里面main（b），那么b就称作回调函数，是不是很好理解？那有人会说我为什么不可以把b的调用放到main函数里呢？确实可以，但是那样你的main方法就只能调用b了。这里我们将b传递个main，或者a传递个main，那main里面的callback方法就是动态的回调函数。优点就在这里。

teemai
关注
  • 5
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
js回调函数callback
lifangfang0607的博客
11-27 605
工作中会遇到一些场景，需要自己去封装含有回调函数的方法。 封装callback函数 function fn(callback){ setTimeout(function(){ alert("执行成功") let res = "校验结果" if (!callback) return return callback(res) },2000) } let save = {id: 1,use:'hah'} function use (data,save) { console.log
回调函数(CallBack)
gzrjzcx的博客
11-21 1303
首先声明，回调函数并不是一种特殊的函数结构，而指的是利用函数指针来回调写好的函数的一种使用方法。 1.回调函数是什么其具体实现是使用者自己定义一个函数，并且使用者自己实现这个函数的程序内容，然后将自己的函数作为参数传入别人的函数中，由别人的系统函数在运行时调用。简单地说也就是—-由别人的函数运行期间来回调你实现的函数。别人并不关心你的函数的具体实现，只知道在什么时候调用你的函数；而你知道你的函数的
React Native 调用原生的android方法callback.invoke之后React获取不到返回值
09-04 1093
在做RN分业务模块分包加载的时候，在子业务模块调用原生代码获取返回值发现调用原生的方法可以，但是一直不回调RN的代码返回值给RN页面，后面发现原来在子业务模块是不可以有返回值的，切换到主bundle文件里面调用一切正常。 ...
JS异步编程与回调函数--简单介绍
JimmyWangJimmy的博客
05-05 215
在这个示例中，`fetchData`函数模拟了一个需要花费2秒钟才能完成的异步操作，并在操作完成后将数据数组作为参数传递给回调函数`callback`。这个示例展示了如何使用异步编程和回调函数，使我们的程序可以在执行需要时间的任务时，仍然能够保持响应，并且可以让用户在不等待太长时间的情况下获得想要的结果。在多线程编程中，一个线程可以选择异步编程的方式来处理长时间运行的任务，以避免阻塞其余线程的执行。总之，多线程和异步编程是两个不同的概念，可以结合使用，以提高程序的效率和响应速度。是的，多线程和异步编程是。
JS中的 回调函数（callback）
男神的专栏
06-05 2979
分析:这里 function(){console.log(1)}函数当作一个参数传入setTimeout函数中，因为setTimeout是官方提供得一个函数，里面有很多复杂的业务程序，所以函数 function(){console.log(1)}传入后，不一定马上运行，要setTimeout里面要运行到function(){console.log(1)}时才会运行该函数参数，那是不是整个程序就一直等setTimeout运行？回调函数作为参数传递给一个函数的时候，传递的只是函数的定义并不会立即执行。
Javascript之回调函数（callback）
weixin_30482383的博客
12-02 88
1、回调函数定义：　 　　回调函数就是一个通过函数指针调用的函数。如果你把函数的指针（地址）作为参数传递给另一个函数，当这个指针被用为调用它所指向的函数时，我们就说这是回调函数。回调函数不是由该函数的实现方直接调用，而是在特定的事件或条件发生时由另外的一方调用的，用于对该事件或条件进行响应。 　　在JavaScript中，回调函数具体的定义为：函数A作为参数(函数引用)传递到另一个函数B中，并...
JavaScript回调函数callback用法解析
10-15
JavaScript回调函数是编程中一种常见的设计模式，尤其在JavaScript中，由于其单线程的特性，回调函数在处理异步操作时发挥着至关重要的作用。本文将深入解析JavaScript回调函数的用法，并通过实例来帮助理解和应用。...
JavaScript callback回调函数用法实例分析
10-18
主要介绍了JavaScript callback回调函数用法,结合实例形式分析了callback回调函数的概念、功能、应用场景及相关使用技巧,需要的朋友可以参考下
CallBack回调函数
最新发布
11-18
5. **回调函数与闭包**：在JavaScript中，回调函数常常与闭包结合使用，以便在异步操作完成后访问和操作外部作用域的变量。 6. **回调函数与模块化**：回调函数是模块化设计的一个关键组成部分，它使得不同功能的...
JavaScript回调(callback)函数概念自我理解及示例
10-27
回调函数在JavaScript中是一个基础但重要的概念，尤其对于异步编程而言。回调函数是指将一个函数作为参数传递给另一个函数，然后在特定条件满足时，由这个接收函数来调用传入的函数。这种机制允许我们延迟执行某些...
JavaScript fetch() 方法
allway2的博客
01-18 9514
JavaScript 中的fetch()方法用于向服务器请求并加载网页中的信息。请求可以是返回 JSON 或 XML 格式数据的任何 API。此方法返回一个承诺。 句法： fetch( url, options ) 参数：此方法接受上面提到的两个参数，如下所述： URL：这是要向其发出请求的 URL。 选项：它是一组属性。它是一个可选参数。 返回值：它返回一个承诺，无论它是否已解决。返回数据的格式可以是 JSON 或 XML。 它可以是对象数组，也可以是单个对象。 示例 1： 注意：如.
监听fetch的方法
qq_25946367的博客
09-11 1064
监听fetch的方法 重新封装fetch function onFetch(callback) { let logFetch = window.fetch window.fetch = function (input, init) { return new Promise((resolve, reject) => { logFetch(input, init) .then(function (response) {
js_callback回调函数
陈工一的博客
03-20 1394
问题背景：callback回调函数算是js里的一个大头，我之前是模仿式写代码，并没有领会到callback的本质。后来遇到了个同步异步的问题，一定要弄懂callback才行，就硬着头皮总算搞懂啦~ 既然代码搞定了，下面就回过头来整理一下（笑） 网上的讲解各式各样，其中我觉得讲的最好的是知乎上的一个例子： 链接：https://www.zhihu.com/question/19801131...
获取 fetch 返回数据
BradenHan的专栏
03-25 3678
Fetch API 提供了一个 JavaScript 接口，用于访问和操纵 HTTP 管道的一些具体部分，例如请求和响应。 它还提供了一个全局 fetch() 方法，该方法提供了一种简单，合理的方式来跨网络异步获取资源。 这种功能以前是使用 XMLHttpRequest 实现的。
AJAX网络请求 —— Fetch：发送跨域请求（三）
秋天，黄叶坠地，凉风有信。
03-17 5329
文章目录Fetch：跨源请求为什么需要 CORS？跨源请求简史)使用表单使用 script简单的请求用于简单请求的 CORSResponse header“非简单”请求Step 1 预检请求（preflight request）Step 2 预检响应（preflight response）Step 3 实际请求（actual request）Step 4 实际响应（actual response）凭据（Credentials）总结 Fetch：跨源请求 如果我们向另一个网站发送 fetch 请求，则该请求可
JavaScript系列之回调函数callback
Nicky's blog
01-12 4777
JavaScript系列之回调函数callback JavaScript回调函数的使用是很常见的，引用官方回调函数的定义： A callback is a function that is passed as an argument to another function and is executed after its parent function has completed. 解释得很...
cocos2d js callfunc参数问题
woyourere的博客
08-26 1566
if(i == 0){ data = { direction:directionSimpleArray[i] + 1, }; callfunc = cc.callFunc(this.justRunAction, this, data); }else{ data = { tag:directionSimpleArray[i - 1] +
Unity开发——如何在协程中进行回调
热门推荐
Mr.Y仙森的博客
05-07 1万+
本文将详细介绍如何在Unity中使用协程进行回调。我们将通过实际示例展示如何在协程中实现回调。这些示例将包括使用不同类型的回调函数，如委托、C#的Action以及UnityAction。接下来，我们将展示如何在回调函数中返回参数，以及如何使用Lambda表达式简化回调函数的定义，以便在实际项目中灵活地使用协程和回调。这篇文章旨在帮助Unity开发者更好地理解和应用协程与回调的结合，从而提高开发的效率和可维护性。
列举JavaScript回调地狱函数
06-02
回调地狱(callback hell)指的是在 JavaScript 中使用大量嵌套回调函数的情况，这种情况下代码难以维护和理解。以下是几个常见的回调地狱函数： 1. 事件监听器： ```javascript document.querySelector('button').addEventListener('click', function() { // do something document.querySelector('input').addEventListener('change', function() { // do something document.querySelector('form').addEventListener('submit', function() { // do something }); }); }); ``` 2. AJAX请求： ```javascript ajax(url1, function(response1) { // do something ajax(url2, function(response2) { // do something ajax(url3, function(response3) { // do something }); }); }); ``` 3. Promise： ```javascript doSomething() .then(function(result1) { // do something return doSomethingElse(result1); }) .then(function(result2) { // do something return doThirdThing(result2); }) .then(function(result3) { // do something }) .catch(function(error) { console.log(error); }); ``` 这些函数都会导致回调函数的嵌套，使代码难以阅读和维护。为了避免回调地狱，可以使用 Promise、async/await 等方法来简化代码。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值