当前位置: 首页 > wzjs >正文

建设银行网站查询金华百度seo

建设银行网站查询,金华百度seo,网上运营培训班,b2b2c电子商务模式一、为什么会出现Promise? 最常见的一个场景就是ajax请求,通俗来说,由于网速的不同,可能你得到返回值的时间也是不同的,这个时候我们就需要等待,结果出来了之后才知道怎么样继续下去。 在ajax的原生实现中&#xff…

一、为什么会出现Promise?

最常见的一个场景就是ajax请求,通俗来说,由于网速的不同,可能你得到返回值的时间也是不同的,这个时候我们就需要等待,结果出来了之后才知道怎么样继续下去。

在ajax的原生实现中,利用了onreadystatechange事件,当该事件触发并且符合一定条件时,才能拿到想要的数据,之后才能开始处理数据,这样做看上去并没有什么麻烦,但如果这个时候,我们还需要另外一个ajax请求,这个新ajax请求的其中一个参数,得从上一个ajax请求中获取,这个时候我们就不得不等待上一个接口请求完成之后,再请求后一个接口。

当出现第三个ajax(甚至更多)仍然依赖上一个请求时,我们的代码就变成了一场灾难。

这场灾难,往往也被称为回调地狱

因此我们需要一个叫做Promise的东西,来解决这个问题,当然,除了回调地狱之外,还有个非常重要的需求就是为了代码更加具有可读性和可维护性,我们需要将数据请求与数据处理明确的区分开来

二、Promise是什么?

Promise是异步编程的一种解决方案,比传统的解决方案回调函数更合理、更强大。

从语法上说,Promise是一个构造函数

从功能上说,Promise对象用来封装一个异步操作并可以获取其成功/失败的结果值

Promise的初体验:

创建promise对象

const p = new Promise(executor);

其中:

executor函数: 执行器 (resolve, reject) => {}

resolve函数: 内部定义成功时我们调用的函数 value => {}

reject函数: 内部定义失败时我们调用的函数 reason => {}

executor会在Promise内部立即同步调用,异步操作在执行器中执行

实例对象调用Promise原型中的then方法来完成对结果的处理

 <script>const p = new Promise((resolve, reject) => {//如果明天不下雨,就出去玩,否则就不出去玩resolve();//将 Promise 对象标记为resolve})console.log(p)p.then(() => {console.log('出去玩')}, () => {console.log('不出去玩')})</script>

三、使用Promise的好处?

1. 指定回调函数的方式更加灵活

启动异步任务->返回promise对象->给promise对象绑定回调函数

2. 可以解决回调地狱问题,支持链式调用

四、Promise实例对象的两个属性

  • PromiseState(此属性为promise对象的状态属性)

    • fulfilled:成功的状态

    • rejected:失败的状态

    • pending:初始化的状态

    【注】状态只能由pending->fulfilled 或者是 pending->rejected

  • PromiseResult

    此属性为promise对象的结果值(resolve以及reject函数的形参值

五、resolve函数以及reject函数

  • resolve:修改promise对象的状态,由pending修改到fulfilled;将实参设置到这个属性PromiseResult中。

  • reject:修改promise对象的状态,由pending修改到rejected;将实参设置到这个属性PromiseResult中。

六、Promise对象的状态

Promise对象通过自身的状态来控制异步操作,Promise实例具有三种状态.

  • 异步操作未完成:pending

  • 异步操作成功:fulfilled

  • 异步操作失败:rejected

这三种的状态的变化途径只有两种

  • 从pending(未完成)到fulfilled(成功)

  • 从pending(未成功)到rejected(失败)

一旦状态发生变化,就凝固了,不会再有新的状态变化,这也是Promise这个名字的由来,它的英语意思"承诺",

一旦承诺生效,就不得再改变了,这也意味着Promise实例的状态变化只可能发生一次。

在Promise对象的构造函数中,将一个函数作为第一个参数。而这个函数,就是用来处理Promise的状态变化。

上面的resolve和reject都为一个函数,他们的作用分别是将状态修改为resolved和rejected。

因此,Promise的最终结果只有两种。

 异步操作成功,Promise实例传回一个值(value),状态变为fulfilled.异步操作失败,Promise实例抛出一个错误(error),状态变为rejected

七、Promise的then方法

then:指定用于得到成功value的成功回调和用于得到失败reason的失败回调,返回一个新的promise对象

  • 成功的状态:执行第一个回调函数

  • 失败的状态:执行第二个回调函数

promise.then()返回的新promise的结果状态由什么决定?

(1) 简单表达: 由then()指定的回调函数执行的结果决定

(2) 详细表达:

① 如果抛出异常, 新promise变为rejected, reason为抛出的异常

② 如果返回的是非promise的任意值, 新promise变为fulfilled, PromiseResult为返回的值

③ 如果返回的是另一个新promise, 此promise的结果就会成为新promise的结果

http://www.dtcms.com/wzjs/262650.html

相关文章:

  • 白沟做网站今日的头条新闻
  • 免费香港网站空间佛山网站开发公司
  • 网站整体设计意图及其功能html网页制作用什么软件
  • wordpress empty整站seo
  • go生物网站做蛋白定位品牌宣传如何做
  • 做网站怎么拿框架的原代码生猪价格今日猪价
  • 网站服务名词解释系统优化大师
  • 笑话类网站 源代码小熊猫seo博客
  • 网站设计师英文怎么在网上做广告宣传
  • 河南企业做网站花关键词排名系统
  • 电商网站建设 网站定制开发全网络品牌推广
  • 苏州做网站设计的公司网站seo哪家好
  • 网站开发与设计的实训场地5188关键词平台
  • 东城响应式网站建设软文营销是什么
  • 江苏园博园建设开发有限公司网站百度自动点击器怎么用
  • 晋城网站制作公司怎么选关键词排名优化工具
  • 上海医院设计网站建设武汉新一轮疫情
  • 成华区微信网站建设推营销型网站设计制作
  • 建材商城网站建设seo优化网站推广
  • 浏览器兼容性测试网站衡水网站seo
  • 武汉知名网站开发公司游戏如何在网上推广
  • 合肥哪家公司做网站什么叫友情链接
  • 金平党建网站建设方案互动营销案例100
  • 郴州住房和城乡建设委员会网站全球搜索引擎排名
  • 如何个网站做二维码论坛推广软件
  • wordpress浏览人数seo如何优化网站
  • 推广网站可以做跳转吗广州网络科技有限公司
  • 南昌网站优化志鸿优化设计电子版
  • 用服务器建立网站吗百度招聘官网首页
  • 网站上的图片怎么做地推扫码平台