【JS】Promise用法30秒速成(仅限小白观看)

此篇文章专为初学者准备 之 Promise最基础最简单的用法,若想要深入了解,请退出并联系廖雪峰。

郑重声明:本人并未深入研究promise,本文章仅为了让新手快速掌握使用方法,文章内一些不当言论,请勿当真,有兴趣的请前往promise官方教程。(保命要紧)

1、Promise是一个构造函数,我们使用的时候一般是包在一个函数中,然后在需要的时候运行这个函数

2、Promise构造函数中传递一个函数,该函数接受两个参数 resolve 和 reject, 姑且先将他们认为是异步执行成功的回调函数和异步执行失败的回调函数。

3、因为包裹在一层函数内,所以函数运行后我们要将promise    return出来。这样一个promise基本的写法已经出来了

4、使用的时候用.then()接收异步请求获取的参数。

function myfun(){
    let promise = new Promise(function(resolve,reject){
        setTimeout(function(){
            let data="111";//模拟异步请求获取的参数
            resolve(data);//将Promise的状态改变为resolve并将参数data传递进去,
        },2000)//用setTimeout模拟一个异步请求
    })
    return promise;  //一定要记得
}

//使用方法

myfun().then(function(res){//res为resolve中的data;
    console.log(res);// 值为111
})

注意:① new一个promise并传入一个携带resolve 和jeject 的函数

           ② 将异步请求的数据放入resolve中

           ③ 将构造函数promise  return出来

           ④ 用.then 接收 resolve中的数据。

扫描二维码关注公众号,回复: 9988595 查看本文章
发布了50 篇原创文章 · 获赞 220 · 访问量 27万+

猜你喜欢

转载自blog.csdn.net/NAMECZ/article/details/84954418
今日推荐