【Java前端技术栈】Promise

一、Promise 基本介绍

1. 传统的 Ajax 异步调用在需要多个操作的时候,会导致多个回调函数嵌套,导致代码不够直观,就是常说的Callback Hell

2. 为了解决上述的问题,Promise对象应运而生,在 EMCAScript 2015当中已经成为标准

3. Promise 是异步编程的一种解决方案

4. 从语法上说,Promise 是一个对象,从它可以获取异步操作的消息

5. Promise 也是 ES6 的新特性,因为比较重要

6. 一句话: Promise 是异步编程的一种解决方案, 可以解决传统 Ajax 回调函数嵌套问题

【Java前端技术栈】Promise_第1张图片

【Java前端技术栈】Promise_第2张图片

二、promise实例

【Java前端技术栈】Promise_第3张图片

jquery ajax的嵌套示例




    
    jquery和ajax多次请求
    
    




使用promise完成多次请求




    
    使用promise完成多次ajax请求
    
    




【Java前端技术栈】Promise_第4张图片

promise代码重排




    
    promise代码重排
    
    




课后作业 

【Java前端技术栈】Promise_第5张图片

【Java前端技术栈】Promise_第6张图片

【Java前端技术栈】Promise_第7张图片




    
    jquery-ajax
    
    







    
    promise代码重排完成多次ajax请求
    
    
    




你可能感兴趣的:(前端)