js中的一级公民函数

一般情况下,把函数作为参数的目的就是为了获取内部的异步操作结果

例如下面的方法: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()方法,也是有跟一个回调函数的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值