当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 解决异步的几种实现方式

解决异步的几种实现方式

2020年03月22日  | 移动技术网IT编程  | 我要评论

如下代码

const request = function(){
	let num = math.round(math.random()*100)/100;
	console.log(num);
    settimeout(function(){
    	if(num < 0.5){
    		return('1234567');
    	}else{
    		return('abcdefg');
    	}
	},500)
}
console.log(request())
//输出：0.31
//      undefined

settimeout为异步函数，所以第二个返回值就打印为了undefined，因为不会等待计时器函数执行完成再执行外层的console.log(request())。

1、promise then

//解决方法一：promise then
const request = function(){
	var _this = this;
	let num = math.round(math.random()*100)/100;
	console.log( num );
	return new promise( (resolve, reject) => {
		settimeout(function(){
			num < 0.5 ? resolve('1234567') : reject('abcdefg');
		}, 500);
	});
}

request().then( val => {
	console.log( val );
}).catch( err => {
	console.log( err );
});

2、回调函数

const request = function(cb){
	let num = math.round(math.random()*100)/100;
	console.log(num);
    settimeout(function(){
		num < 0.5 ? cb('1234567') : cb('abcdefg');
	},500)
}

var result = request(function(res){
	console.log(res);
})

3、async await

const request = async function(){
	let num = math.round(math.random()*100)/100;
	console.log(num);
    const result = await aa(num);
}

function aa(num){
	settimeout(function(){
		console.log(num < 0.5 ? '1234567' : 'abcdefg');
	},500)
}

request();

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网