温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

js为什么要回调

发布时间:2021-12-14 11:44:43 来源:亿速云 阅读:189 作者:柒染 栏目:开发技术

本篇文章为大家展示了js为什么回调?,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

在Javascript中,函数是第一类对象,这意味着函数可以像对象一样按照第一类管理被使用。既然函数实际上是对象:它们能被“存储”在变量中,能作为函数参数被传递,能在函数中被创建,能从函数中返回。因为函数是第一类对象,我们可以在Javascript使用回调函数。下面我们一起了解一下回调。

简单地讲:回调是指在另一个函数执行完成之后被调用的函数

稍复杂地讲: 在 JavaScript 中,函数也是对象。因此,函数可以传入函数作为参数,也可以被其他函数返回。这样的函数称为高阶函数。被作为参数传入的函数就叫做回调函数。

下面说说为什么我们需要回调?

有一个非常重要的原因——JavaScript是事件驱动的语言。这意味着,JavaScript不会因为要等待一个响应而停止当前运行,而是在监听其他事件时继续执行。

来看一个基本的例子:

function first(){  console.log(1);}function second(){  console.log(2);}first();second();

正如你所料,first 函数首先被执行,随后 second 被执行 —— 控制台输出下面内容:

// 1// 2

但如果函数 first 包含某种不能立即执行的代码会如何呢?

例如我们必须发送请求然后等待响应的 API 请求?为了模拟这种状况,我们将使用 setTimeout,它是一个在一段时间之后调用函数的 JavaScript 函数。我们将函数延迟 500 毫秒来模拟一个 API 请求,新代码长这样:

function first(){// 模拟代码延迟  setTimeout( function(){console.log(1);  }, 500 );}function second(){  console.log(2);}first();second();

现在理解 setTimeout() 是如何工作的并不重要,重要的是你看到了我们已经把 console.log(1); 移动到了 500 秒延迟函数内部。那么现在调用函数会发生什么呢?

first();second();// 2// 1

即使我们首先调用了 first() 函数,我们记录的输出结果却在 second() 函数之后。

这不是 JavaScript 没有按照我们想要的顺序执行函数的问题,而是 JavaScript 在继续向下执行 second() 之前没有等待 first() 响应的问题。

所以为什么给你看这个?

因为你不能一个接一个地调用函数并希望它们按照正确的顺序执行。

回调正是确保一段代码执行完毕之后再执行另一段代码的方式。

上述内容就是js为什么回调?,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

js
AI