Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将其余代码作为回调函数传递

将其余代码作为回调函数传递
EN

Stack Overflow用户
提问于 2017-10-10 06:22:32
回答 1查看 41关注 0票数 0

在已经完成的javascript函数中间,您想要调用一个新的异步函数。因此,您需要将“代码的其余部分”作为回调函数作为参数传递给这个新函数。

代码语言:javascript
运行
AI代码解释
复制
function sample() {
    alert("a bunch of codes");

    alert("another a bunch of codes");
}

我必须更改函数,如下所示。

代码语言:javascript
运行
AI代码解释
复制
function sample() {
    alert("a bunch of codes");

    var cb = function () {
        alert("another a bunch of codes");
    };

    newFunction(cb);
}

如果我想添加另一个必须等待第一个函数的函数,该怎么办?然后我得到了许多多级回调函数来等待另一个..

那么ES5的最佳实践是什么呢?

EN

回答 1

Stack Overflow用户

发布于 2017-10-10 07:29:17

在ES5中,就像你说的,你必须将多个回调函数嵌套在一起。

示例:

代码语言:javascript
运行
AI代码解释
复制
function myFunction2(){
    console.log(2);

  let myFunction = () => {
    console.log(1);
    }

  myFunction();
}
myFunction2();
// OUTPUT
// 2
// 1

ES6还提供了一种新的替代方案promises

示例:

代码语言:javascript
运行
AI代码解释
复制
let myPromise = new Promise((resolve, reject) => {
  setTimeout(function(){
    resolve(1);
  }, 250);
});

console.log(2);
myPromise.then((successMessage) => {
  console.log(successMessage);
});
// OUTPUT
// 2
// 1

ES8提供了一个更好的替代方案(尽管它只是基于promises的语法糖),但是您可以将async函数与await一起使用。

示例:

代码语言:javascript
运行
AI代码解释
复制
function resolveAfter2Seconds(x) {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve(x);
    }, 2000);
  });
}


async function add1(x) {
  const a = await resolveAfter2Seconds(20);
  const b = await resolveAfter2Seconds(30);
  return x + a + b;
}

add1(10).then(v => {
  console.log(v);  // prints 60 after 4 seconds.
});

但请记住,您可能需要使用Babel来转换您的js,以便与所有浏览器兼容。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46659839

复制
相关文章
scrapy回调函数传递参数
scrapy.Request 的callback传参的两种方式 1.使用 lambda方式传递参数 def parse(self, response): for sel in response.xpath('//li[@class="clearfix"]/div[@class="list_con"]'): item=DmozItem() item['href']=sel.xpath('h2/a/@href').extract()[0] yield sc
用户1558882
2018/04/03
1.2K0
Scrapy回调函数callback传递参数的方式
默认Scrapy callback只能接函数名,不能传参数,我如果想给callback传递多个参数呢?
py3study
2020/11/06
2.8K0
Java回调函数代码实例?
回调函数callback,是指通过函数传递参数传递到其他代码,某一块可执行的代码引用。
用户9919783
2022/12/14
5660
React技巧之将函数作为props传递
原文链接:https://bobbyhadz.com/blog/react-typescript-pass-function-as-prop[1]
chuckQu
2022/08/19
1.1K0
React技巧之将函数作为props传递
回调函数
什么是回调函数,上面的问题说的是不是很空洞,不是太形象,下面是知乎上的一位网友给的答案:
LiosWong
2018/10/29
4.1K0
回调函数
  有点类似模板的功能,可以使用函数指针作为参数,当调用函数时,使用void *进行传递参数,细致比较时,再用int *之类的进行强制转换。回调函数,其实就是在参数中定义函数,调用时,回到主函数去调用这个函数。仔细用法如下: 首先定义查找函数 Node * search_list(Node *node, void const *value, int (*compare)(void const *,void const *)){ while(node!=NULL){ if(compar
用户1154259
2018/01/17
3.5K0
回调函数
回调函数
原文链接:https://note.noxussj.top/?source=cloudtencent 什么是回调函数? 简单的来说,一个函数作为另外一个函数的参数,可以称为回调函数。这个理解其实不完全
菜园前端
2023/05/20
1.9K0
React篇(029)-如何将参数传递给事件处理程序或回调函数?
你可以使用箭头函数来包装事件处理器并传递参数: <button onClick={() => this.handleClick(id)} /> 这相当于调用 .bind: <button onClick={this.handleClick.bind(this, id)} />
齐丶先丶森
2022/05/12
4.2K0
​29 - 回调函数和回调地狱
原文地址:https://dev.to/bhagatparwinder/callback-functions-callback-hell-79n
前端黑板报
2022/12/01
4.8K0
回调函数的工作机制 回调函数的用途
在一般人的眼中,对回调函数并不是十分的了解。实际上,在现在的互联网技术上这种函数有着十分重要的地位。这种函数不仅仅可以使得编程的效率大大提升,还是实现一些特殊功能的必须组成部分。那么什么是回调函数?这样的函数究竟有什么作用?下面就来为大家介绍一下。
用户8739405
2021/07/09
7K0
回调函数案例
内置数据类型: #define _CRT_SECURE_NO_WARNINGS #include<stdio.h> //回调函数---通用数组型打印案例 //参数1:数组首地址 参数2:数组中每个元素的大小 参数3:数组元素个数 参数4:回调函数对数组内容进行输出 void printArray(void* array, int size, int len, void(*MyPrint)(void *)) { //void*没有数组的概念,因此如果想通用可以用char*,如果用int*的话,打印字符串
大忽悠爱学习
2021/03/04
4.1K0
JavaScript回调函数
JavaScript中的回调函数是一种特殊类型的函数,它被传递给其他函数作为参数,并在特定的事件或条件发生时被调用。回调函数用于处理异步操作、事件处理、定时器等情况,以确保代码在合适的时机执行。在JavaScript中,回调函数常用于处理非阻塞的操作,以避免程序的停顿和等待。
堕落飞鸟
2023/05/17
2.6K0
回调函数实践
之前我们写过一个冒泡排序,并且优化了它,但是他仅仅只能做升序,如果我们需要让他降序会有几种办法? 1.修改排序代码 2.回调函数 如果是第一种我们只需要 修改>变成<即可降序 #include<std
用户7272142
2023/10/11
2250
回调函数实践
JavaScript 回调函数
函数实际上是对象:它们能被“存储”在变量中,能作为函数参数被传递,能在函数中被创建,能从函数中返回;
鱼找水需要时间
2023/02/16
2.9K0
回调函数callbacks
tf.keras的回调函数实际上是一个类,一般是在model.fit时作为参数指定,用于控制在训练过程开始或者在训练过程结束,在每个epoch训练开始或者训练结束,在每个batch训练开始或者训练结束时执行一些操作,例如收集一些日志信息,改变学习率等超参数,提前终止训练过程等等。
lyhue1991
2020/07/20
2K0
回调函数callbacks
javaScript回调函数
回调函数,或简称回调,是指通过函数参数传递到其它代码的,某一块可执行代码的引用。这一设计允许了底层代码调用在高层定义的子程序。
用户6167509
2019/09/04
3.7K1
回调函数(CallBack)
需求:选择合同后,带回合同的信息(合同名称,供应商名称,联系人) 第一个图为:AddDdSp.html(新增定点商品) 第二个图为:SelectDdht.html(选择定点合同) 点击“选择”时触发j
qubianzhong
2018/09/19
2.1K0
回调函数(CallBack)
JavaScript回调函数
JavaScript API里这样解释:A callback is a function that is passed as an argument to another function and is executed after its parent function has completed. (回调是一个函数作为参数传递给另一个函数,其母函数完成后执行。) 使用回调函数的原因:可以把调用者与被调用者分开。调用者不关心谁是被调用者,所有它需知道的,只是存在一个具有某种特定原型、某些限制条件(如返回值为int)的被调用函数。
奋飛
2019/08/15
2.4K0
JavaScript回调函数
JavaScript的回调函数大概是JavaScript中使用最广泛的函数编程技术了,我们几乎可以在任何脚本中看到它的身影。
wade
2020/04/23
1.7K0
Flex回调函数
本文介绍了Flex回调函数的基本概念、实现方式和应用实例。通过实例,文章阐述了回调函数在事件处理、组件交互和跨域请求等方面的应用。同时,文章还提供了实现回调函数的基本步骤和注意事项,以帮助读者更好地理解回调函数的作用和实现方式。
高爽
2017/12/28
1.6K0

相似问题

添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档