TypeScipt -回调函数

同步的例子

 // 同步的写法
function add(a: number, b: number) :number {return a + b
}
// add()必须等 a + b算完，如果这段代码是很长的网络请求，将会很耗时间
// 同时前端如果在这儿一直等待，就会卡住
console.log(add(2,3))

异步-回调函数

回调函数基础语法-将函数作为参数

// 1.首先看懂这个函数
// 2. 首先声明了一个返回值为void，名字叫做add的函数
// 3. 这个add函数有三个形参，第一个是number类型的a,第二个是number类型的b,第三个是一个函数，它的名字叫做callback, 这个函数的样子应该是有一个number作为形参，返回值为void
// 4. add函数的函数体是将 (a+b)作为形参传给 自己的形参 callback
function add(a: number, b: number, callback: (res: number) => void): void {callback(a + b)
}

demo1

function add(a: number, b: number, callback: (res: number) => void): void {callback(a + b)
}
function test (result: number) : void {console.log(result)
}
// 把参数都丢进去调用即可
add(2, 3, test) // 最后的打印出 5

demo2

function add(a: number, b: number, callback: (res: number) => void): void {callback(a + b)
}
// 直接丢个函数体进去
add(2, 3, res=> {console.log('2+3', res)
})// 最后的打印出 "2+3",  5

demo3 - 积蓄利用局部变量

function add(a: number, b: number, callback: (res: number) => void): void {callback(a + b)
}add(2, 3, res=> {console.log('2+3',res)// 想继续利用局部变量就得回调函数套回调函数add(res,4, res2 => {console.log('2 + 3 + 4', res)})
})
// 结果是
//[LOG]: "2+3",  5
//[LOG]: "2 + 3 + 4",  5

TypeScipt -回调函数相关推荐

Go 学习笔记（16）— 函数（02）[函数签名、有名函数、匿名函数、调用匿名函数、匿名函数赋值给变量、匿名函数做回调函数]
1. 函数签名函数类型也叫做函数签名,可以使用 fmt.Printf("%T") 格式化参数打印函数类型. package mainimport "fmt"f ...
OpenCV（六）形态学操作1--基础：膨胀与腐蚀（回调函数）
目录形态学通用API:morphologyEx 一.基础理论 1.邻接关系 (1)四邻接: (2)D邻接: (3) 八邻接: 2.连通性 (1)四连通: (2)八连通: (3)m连通: 3.形态学基 ...
函数指针--Nginx和Redis中两种回调函数写法
1.Nginx和Redis中两种回调函数写法 #include <stdio.h>//仿Nginx风格 //结构外声明函数指针类型 typedef void (*ngx_connectio ...
回调函数在C/C++中的使用
回调函数就是一个通过函数指针调用的函数.假如把A函数的指针当作参数传给B函数,然后在B函数中通过A函数传进来的这个指针调用A函数,那么就是回调机制.A函数就是回调函数,而通常情况下,A函数是在系统符合 ...
【FFmpeg】自定义回调函数处理AVIOContext中的数据
1.简述 AVIOContext是FFmpeg管理输入输出数据的结构体,它的成员变量有指向数据的指针.大小以及处理数据的回调函数指针等等.如果使用avio_open或avio_open2来创建,它会根 ...
php 回调递归,PHP数组函数 array_walk_recursive (使用回调函数递归遍历数组元素)
在PHP中,数组函数 array_walk_recursive () 使用回调函数递归遍历数组元素. 函数语法:array_walk_recursive ( array &$array , c ...
ajax post的回调函数另一个方法,jQueryajax–post()方法 - 米扑博客
jQuery ajax - post() 实例请求 test.php 网页,忽略返回值: $.post("test.php"); 通过 AJAX POST 请求改变 div 元素 ...
nodejs回调函数理解
回调实例问题:想要得到一秒后计算出的结果 //错误写法function add(x,y) {console.log(1);setTimeout(function () {console.log(2 ...
dispatch callback ant design pro 网络请求回调函数
index.jsx 代码解析:在组件初次渲染时调用 model 中命名空间为 a_models 的 getData 网络请求,传了一个patload 参数和 callback 回调函数过去,然后 ...

TypeScipt -回调函数

同步的例子

异步-回调函数

回调函数基础语法-将函数作为参数

demo1

demo2

demo3 - 积蓄利用局部变量

TypeScipt -回调函数相关推荐

最新文章

热门文章