博客
关于我
经典面试题目之:promise
阅读量:341 次
发布时间:2019-03-04

本文共 1356 字,大约阅读时间需要 4 分钟。

promise

1、为什么使用promise

避免界面冻结

同步:假设你去了一家饭店,找个位置,叫来服务员,这个时候服务员对你说,对不起我是“同步”服务员,我要服务完这张桌子才能招呼你。那桌客人明明已经吃上了,你只是想要个菜单,这么小的动作,服务员却要你等到别人的一个大动作完成之后,才能再来招呼你,这个便是同步的问题:也就是“顺序交付的工作1234,必须按照1234的顺序完成”。

异步:则是将耗时很长的A交付的工作交给系统之后,就去继续做B交付的工作,。等到系统完成了前面的工作之后,再通过回调或者事件,继续做A剩下的工作。

AB工作的完成顺序,和交付他们的时间顺序无关,所以叫“异步”。

2、promise是什么

promise是一个对象,对象和函数的区别就是对象可以保存状态,函数不可以,promise并未剥夺函数return的能力,因此无需层层传递callback,进行回调获取数据,多个异步等待合并便于解决。

代码:

new Promise(  function (resolve, reject) {    // 一段耗时的异步操作    resolve('成功') // 数据处理完成    // reject('失败') // 数据处理出错  }).then(  (res) => {console.log(res)},  // 成功  (err) => {console.log(err)} // 失败)

resolve:将Promise对象的状态从“未完成”变为“成功”,在异步操作成功时调用,并将异步操作的结果,作为参数传递出去;

reject:将Promise对象的状态从“未完成”变为“失败”(即从 pending 变为 rejected),在异步操作失败时调用,并将异步操作报出的错误,作为参数传递出去。

3、三个状态

1、pending[待定]初始状态

2、fulfilled[实现]操作成功
3、rejected[被否决]操作失败

​ 当promise状态发生改变,就会触发then()里的响应函数处理后续步骤;Promise对象的状态改变,只有两种可能:

  • 从pending变为fulfilled
  • 从pending变为rejected

实例1:

new Promise(resolve => {  setTimeout(() => {    resolve('hello')  }, 2000)}).then(res => {  console.log(res)})

实例2:

new Promise(resolve => {    setTimeout(() => {      resolve('hello')    }, 2000)  }).then(val => {    console.log(val) //  参数val = 'hello'    return new Promise(resolve => {      setTimeout(() => {        resolve('world')      }, 2000)    })  }).then(val => {    console.log(val) // 参数val = 'world'  })

转载地址:http://fase.baihongyu.com/

你可能感兴趣的文章
mysql_real_connect 参数注意
查看>>
mysql_secure_installation初始化数据库报Access denied
查看>>
MySQL_西安11月销售昨日未上架的产品_20161212
查看>>
Mysql——深入浅出InnoDB底层原理
查看>>
MySQL“被动”性能优化汇总
查看>>
MySQL、HBase 和 Elasticsearch:特点与区别详解
查看>>
MySQL、Redis高频面试题汇总
查看>>
MYSQL、SQL Server、Oracle数据库排序空值null问题及其解决办法
查看>>
mysql一个字段为空时使用另一个字段排序
查看>>
MySQL一个表A中多个字段关联了表B的ID,如何关联查询?
查看>>
MYSQL一直显示正在启动
查看>>
MySQL一站到底!华为首发MySQL进阶宝典,基础+优化+源码+架构+实战五飞
查看>>
MySQL万字总结!超详细!
查看>>
Mysql下载以及安装(新手入门,超详细)
查看>>
MySQL不会性能调优?看看这份清华架构师编写的MySQL性能优化手册吧
查看>>
MySQL不同字符集及排序规则详解:业务场景下的最佳选
查看>>
Mysql不同官方版本对比
查看>>
MySQL与Informix数据库中的同义表创建:深入解析与比较
查看>>
mysql与mem_细说 MySQL 之 MEM_ROOT
查看>>
MySQL与Oracle的数据迁移注意事项,另附转换工具链接
查看>>