两个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

VSCode自定义代码片段12——JavaScript的Promise对象

VSCode自定义代码片段12——JavaScript的Promise对象

promise入门demo

前端面试题之手写promise

澄清 node.js + promises 片段