promise() 用法

最新推荐文章于 2024-03-30 14:49:03 发布

hammer1010

最新推荐文章于 2024-03-30 14:49:03 发布

阅读量2.4k

点赞数 2

分类专栏： Es6 文章标签： promise() 用法

本文链接：https://blog.csdn.net/hammer1010/article/details/90633363

版权

Es6 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

没有特别的幸运，那么就特别的努力！！！

异步处理：

方法一：在没有出现promise之前，处理异步——延时加载，setTimeout（）

	function f1(callback){
        setTimeout(()=>{
            var res = 'f1'
            console.log('我先执行从后台获取到了f1');
            callback(res)
        },1000)
    }
    function f2(value){
        console.log(value);
    }

    f1(f2)

在这里插入图片描述
方法二：promise

// promise新建后会立即执行
    console.log('hi');
    
    const promise = new Promise(function(resolve,reject){
        console.log('promise');
        resolve()
    })

    promise.then(function(){
        console.log('resolve');
    })

    console.log('hello');

在这里插入图片描述
方法三：async / await

这个代码因为fn 是属于同步的，所以先打印出1，然后是3

async function f1(){
    await fn()
    console.log(2)
}
f1()
function fn(){
    console.log(1)
}
console.log(3)
/**
1
3
2
**/

console.log(3)
async function f1(){
    await fn()
    console.log(2)
}
f1()
function fn(){
    console.log(1)
}
//先后打印顺序===>3 1 2

es6 promise() 用法

Promise 是异步操作，用于解决回调函数和事件

模拟promise环境

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  
  <script>
    let status =  1;
	//账号登录
    let userLogin = (resolve,reject) => {
    	setTimeout(() => {
    		if(status == 1){
    			resolve({data:"登陆成功",msg:"xxxx",token:"afsafsd111"});
    		}else{
    			reject("失败");
    		}
    	},2000);
    };
	//登录成功  获取用户信息
    let getUserInfo = (resolve,reject) => {
    	setTimeout(() => {
    		if(status == 1){
    			resolve({data:"获取用户信息成功",msg:"adsasfsd",token:"afsafsd222"});
    		}else{
    			reject("失败");
    		}
    	},1000);
    }
	//.then回调
    new Promise(userLogin).then(res => {
    	console.log('用户登录成功')
    	console.log(res)
    	return new Promise(getUserInfo)
    }).then(res => {
    	console.log("获取用户信息成功");
    	console.log(res)
    })
  </script>
</body>
</html>

拿着不谢请叫我“锤” 谢谢！！！

hammer1010

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
promise() 用法

es6 promise() 用法Promise 是异步操作，用于解决回调函数和事件模拟promise环境<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width...
复制链接

扫一扫