promise的介绍和基本使用

最新推荐文章于 2023-06-02 20:05:52 发布

cdgogo

最新推荐文章于 2023-06-02 20:05:52 发布

阅读量323

点赞数

分类专栏： vue.js

本文链接：https://blog.csdn.net/cdgogo/article/details/107895393

版权

Promise是ES6中用于解决异步编程的方案，它有三种状态：pending、fulfilled和rejected。一旦状态改变，就不会再变。Promise提供链式调用和all方法，便于管理复杂的异步操作。回调地狱问题可以通过Promise来改善，例如Promise.all方法可以等待多个Promise全部完成。

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

Promise是异步编程的一种解决方案，在ES6中Promise被列为了正式规范，统一了用法，原生提供了Promise对象。

网路请求的回调地狱

在这里插入图片描述

基本使用


// 1、使用setTimeout
//setTimeout(() => {
   
//    console.log("hellow world");
//},1000)

// 参数 -> 函数（resolve,reject）
// resolver。reject本身他们又是函数
//new Promise((resolve,reject) => {
   
//    setTimeout(() => {
   
//       console.log("hellow world");
//    },1000)
})

new Promise((resolve,reject) => {
   
    setTimeout(() => {
   
       resolve()
    },1000)
}).then(() => {
   
    console.log("hellow world");
})

// 多次调用
// new Promise((resolve, reject) => {
   
//     setTimeout(() => {
   
//         resolve()
//     }, 1000)
// }).then(() => {
   
//     console.log("hellow world");
//     console.log("hellow world");
//     console.log("hellow world");
//     console.log("hellow world");

//     setTimeout(() => {
   
//         console.log("hellow vue.js");
//         console.log("hellow vue.js");
//         console.log("hellow vue.js");
//         console.log("hellow vue.js");

//         setTimeout(() => {
   
//             console.log("hellow phthon");
//             console.log("hellow phthon");
//             console.log("hellow phthon");
//             console.log("hellow phthon");
//         }, 1000)

//     }, 1000)
// })

new Promise((resolve, reject) => {
   
    setTimeout(() => {
   
        resolve()
    }, 1000)