一般情况下,把函数作为参数的目的就是为了获取内部的异步操作结果
例如下面的方法:1.setTimeout 2.readFile 3.writeFile 4.ajax,都是js本身就有的异步方法
console.log(1)
setTimeout(function () {
console.log(2)
console.log('hello')
}, 2)
console.log(3)
上面这段代码的输出是1、3、2、hello
因为setTimeout是异步的方法,浏览器运行时不会等待它,所以会先执行外面的两个console,过两秒在执行该函数。有人会问,如果把定时器的2秒改成0秒呢。答案也是相同的,不管你是等0秒,还是直接不传入时间参数,这段代码都会是最后执行。
还有一个例子
function add(x, y) {
console.log(1)
setTimeout(function () {
console.log(2)
var ret = x + y
return ret
}, 1000)
console.log(3)
}
console.log(add(10, 20))
这个例子的输出结果是:1、3、undefined、2
同样的道理,setTimeout之外的代码都会先执行,而且我们不可能拿到ret的值,因为return也不会等待,直接就会输出,但由于它在异步函数里面,所以会比1、3慢,而那时候ret还没有得到值,所以是undefined,最后输出的2就是一秒后再执行。
那如果我们想要拿到ret的值,就需要用回调函数。
function add(x, y, callback) {
console.log(1)
setTimeout(function () {
console.log(2)
var ret = x + y
callback(ret)
}, 1000)
console.log(3)
}
add(10, 20, function (ret) {
console.log(ret)
})
这片代码段的结果为:1、3、2、30
这里就是用回调函数取到了值,在ajax方法中,我们也有请求success之后定义的方法,或者通常用$.get()方法,也是有跟一个回调函数的。