Promise对象

最新推荐文章于 2024-06-11 09:23:02 发布

SZ_FED

最新推荐文章于 2024-06-11 09:23:02 发布

阅读量123

点赞数 1

分类专栏： web前端开发技术 js基础知识文章标签： Promise

原文链接：https://es6.ruanyifeng.com/#docs/promise

版权

web前端开发技术同时被 2 个专栏收录

22 篇文章 2 订阅

订阅专栏

js基础知识

9 篇文章 0 订阅

订阅专栏

本文深入探讨Promise的工作原理，包括其创建实例、then与catch方法的使用，以及如何利用Promise实现异步图片加载。通过具体示例，如阮一峰的Promise教程，展示了Promise在解决异步操作中的应用。

摘要由CSDN通过智能技术生成

Promise简析

生成实例：

const promise = new Promise((resolve,reject)=>{
//成功时执行,走then
resolve()
//失败时执行,走catch
reject()
})

promise实例.then(成功的函数，失败的函数（可选）)

//摘自阮一峰-ES6
let promise = new Promise(function(resolve, reject) {
  console.log('Promise');
  resolve();
});

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

console.log('Hi!');

// Promise
// Hi!
// resolved

所以一般写成函数接收的形式：异步加载图片：参考：阮一峰-Promise

function loadImageAsync(url) {
  return new Promise(function(resolve, reject) {
    const image = new Image();

    image.onload = function() {
      resolve(image);
    };

    image.onerror = function() {
      reject(new Error('Could not load image at ' + url));
    };

    image.src = url;
  });
}