两个promise的小demo

Posted cuter、

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了两个promise的小demo相关的知识,希望对你有一定的参考价值。

1

const ispregant = true;
function pregantPromise() 
  return new Promise((resolve, reject) => 
    if (ispregant) 
      resolve("孩子他爹");
     else 
      reject("老公");
    
  );

pregantPromise().then(res=>
  console.log(res);
).catch(err=>
  console.log(err);
).finally(()=>
  console.log('他们还是结婚了');
)

2

const Address='http://www.baoidu.com'
const addPromise=()=>
  return new Promise((resolve,reject)=>
    const img=new Image()
    img.src=url
    img.onload=()=>
      resolve(img)
    
    img.onerror=()=>
      reject(new Error('图片有误'))
    
  )

addPromise(Address).then(img=>
  document.body.appendChild(img)
).catch(err=>
  document.body.innerhtml=err
)

以上是关于两个promise的小demo的主要内容,如果未能解决你的问题,请参考以下文章

两个promise的小demo

promise入门demo

封装Promise与定时器demo

简易promise的实现

react比较入门的小demo

深入浅出写一个多级异步回调从基础到Promise实现的Demo