JS回调函数

简介: JS回调函数

什么是回调函数

一个函数被作为参数传递给另一个函数

什么时候使用回调函数

当一个函数中某一部分具体逻辑,暂时不确定时,可以使用回调函数,让调用该方法的时候具体实现

举个例子:

//定义methodA
function methodA( x, cb ){
    let res = ''
    if(x==1){
      res = 'success'
    }else{
      res = 'failure'
    }
    cb(res) //回调函数,将本方法中的res结果作为参数,具体实现,谁调用methodA谁实现
  }  
//调用methodA,实现回调函数方法体,输出sucess
methodA( 1, (res)=>{
    if(res=='success'){
      console.log('success')
    }else if(res=='failure'){
      console.log('failure')
    }
  })
//调用methodA,实现回调函数方法体,输出failure
methodA( 0, (res)=>{
    if(res=='success'){
      console.log('success')
    }else if(res=='failure'){
      console.log('failure')
    }
  })

再举个例子:

//定义变量n,和方法getInput
let n = '小明'
function getInput(person, cback){
  var arr=[]
  arr.push(person)
  cback(n,arr) //回调函数用到了本方法的arr作为参数,且没有具体函数的实现,函数具体实现需在调用的时候实现
}
//调用getInput方法
getInput({name:'小红',age:'12'}, (n,arr)=>{
  console.log(name+":"+arr[0].age) //调用回调函数,实现具体方法
})
输出:小明:12
目录
相关文章
|
2月前
|
存储 JavaScript 前端开发
js开发:请解释什么是回调函数(callback function),并给出一个示例。
回调函数是JavaScript中处理异步编程的一种常见模式,常用于事件驱动和I/O操作。它们作为参数传递给其他函数,在特定条件满足或任务完成后被调用。例如,`asyncOperation`函数接受回调函数`handleResult`,在模拟的异步操作完成后,调用`handleResult`并传递结果。这使得程序员能在操作完成后执行后续任务。
22 1
|
2月前
|
JavaScript 前端开发 Java
Java Script中的回调函数,可以用来做什么
Java Script中的回调函数,可以用来做什么
10 0
|
2月前
|
JavaScript 前端开发 UED
解释 JavaScript 中的异步编程和回调函数。
解释 JavaScript 中的异步编程和回调函数。
17 0
|
4月前
|
前端开发 JavaScript 数据处理
【面试题】 javaScript 进阶之路 --- 《加深理解回调函数》
【面试题】 javaScript 进阶之路 --- 《加深理解回调函数》
|
4月前
|
JavaScript 前端开发
Node.js 回调函数的原理、使用方法
Node.js 回调函数的原理、使用方法
40 1
|
5月前
|
JavaScript 前端开发 API
JS中的 回调函数(callback)
JS中的 回调函数(callback)
55 0
|
5月前
|
前端开发 JavaScript
异步编程:由于JS是单线程执行的,所以对于耗时的操作(如网络请求),需要通过异步编程来处理。回调函数、Promise、async/await都是常用的异步编程方式。
异步编程:由于JS是单线程执行的,所以对于耗时的操作(如网络请求),需要通过异步编程来处理。回调函数、Promise、async/await都是常用的异步编程方式。
45 1
|
5月前
|
JavaScript 前端开发
JS - 回调函数
JS - 回调函数
45 0
|
6月前
|
JavaScript 前端开发 Java
Node.js自学笔记之回调函数
Node.js自学笔记之回调函数
21 0
|
7月前
|
JavaScript 前端开发 Java
25dwr - DWR中的JavaScript(查找回调函数)
25dwr - DWR中的JavaScript(查找回调函数)
26 0