js的回调函数。
函数是js非常强大的一种类型,函数也是一种类型,是一种函数类型。 既然是一种类型,函数便可以当参数,返回值,传递等进行操作,和基本类型一样。回调函数是在js技术中使用非常广泛的一个应用,非常常用的一个场景就是拿异步数据的时候,这时候用回调非常方便。比如我们有一个下面的例子。
setTimeout(function() {
let a = 0;
a = 1 + 1;
}, 1000);
如果我想在定时函数外面拿到这个a这个值,这时你会怎么做,你可能回想像下面这样做。
let b=0;
setTimeout(function() {
let a = 0;
a = 1 + 1;
b=a;
}, 1000);
console.log(b);
这样你就错了,这样永远拿不到a的值,应为在你执行b=a的时候,console的代码都已经执行完了。这时b还是未赋值状态。还有下面的方法,
let b=0;
setTimeout(function() {
let a = 0;
a = 1 + 1;
b=a;
}, 1000);
setTimeout(function() {
console.log(b);
}, 1010);
这样确实能输出,但是这样非常不好,因为现在时间都是固定的,如果第一个setTimeout时间不固定,你这样写是肯定不好的,如果时间延迟长,你在输出b还是未赋值,如果延长时间少,这时会造成自己性能低下,所以这时做好的办法就是使用回调函数,
setTimeout(function(calback) {
let a = 0;
a = 1 + 1;
calback(a)
}, 1000, result);
function result(val) {
console.log(val);
}
向上面这样,也会拿到a的值,这样做的好处就是,无论延迟函数什么时候调用完,我都会立即调用我的result函数,拿到a的值进行操作。