核心点
promise在生命周期内有三种状态,分别是pending,fulfilled或rejected,状体改变只能是 pending-fulfilled,或者pending-rejected。而且状态一旦改变就不能再次改变。

题1
promise.resolve()
.then(() => {
console.log('a');
return new Error('error');
})
.then((res)=>{
console.log('b');
console.log('then:',res);
})
.catch((err) =>{
console.log('c');
console.log('catch:',err);
})
可能有些同学会认为出现了 new Error()就会想当然的认为会执行后面的catch函数,其实不然。

在then函数中return了一个Error,依然会按照正常的流程走下去,并不会执行后续的catch函数,这个是不同于thorw抛出一个Error的,如果是throw抛出一个Error则会被catch函数捕获。

因次答案是:
a
b
c
then:Error : error

题2

const promise = Promise.resolve()
.then(()=>{
return promise;
});
promise.catch(console.error);

结果是
TypeError:Chaining cycle detected for promise #<Promise>

我们需要知道的是Promise的then或者catch里不能返回promise本身,否则会出现死循环,就是上面报的错误。

题3
Promise.resolve(1)
.then(2)
.then(Promise.resolve(3))
.then(console.log);

这个题目主要考察的是在 Promise的then或者catch方法中,接收的是一个函数,函数的参数是resolve或者rejiect函数的返回值,如果传入的值是非函数,那么就会产生值的穿透现象。
何为值穿透现象,简单理解就是传递的值会被直接忽略掉,继续执行链调用后续的方法。
所以 题3的 答案是 1.
第一个then接受值2 ,第二个接收一个Promise,都不是需要的函数,因此这二个then会发生值穿透。
而第三个then因为接收console.log函数,因此会执行,此时接收的是最开始的resolve(1)的值,因此最后返回 1.

题4
Promise.resolve()
.then(function success(res){
throw new Error('error');
},function faill(e){
console.error('fail1:',e);
})
.catch(function fail2(e){
console.error('fail2',e);
})

在Promise的then方法中,可以接收两个函数,一个是用于resolve成功的函数,一个是用于reject失败的函数,两个函数只会调用一个。我们还可以通过.catch方法去实现then方法中的第二个表示失败的函数。

但是有一点不同的是.catch方法可以捕获之前从then方法中抛出的Error,而then方法中的第二个方法捕获不到第一个处理成功的方法中抛出的Error。

因此我们可以得出这道题目的答案,抛出fail2的Error。

上述的题目可以用下面的代码去理解
Promise.resolve()
.then(function success1 (res){
thorw new Error('error');
},function() fail1(e){
console.error('fail1',e);
})
.then(function success2(res){},function fail2(e){
console.error('fail2:',e);
})

关于js中promise的面试题。的更多相关文章

  1. Angular JS中 Promise用法

    一.Promise形象讲解A promise不是angular首创的,作为一种编程模式,它出现在1976年,比js还要古老得多.promise全称是 Futures and promises. 而在j ...

  2. JS 中Promise 模式

    异步模式在web编程中变得越来越重要,对于web主流语言Javscript来说,这种模式实现起来不是很利索,为此,许多Javascript库(比如 jQuery和Dojo)添加了一种称为promise ...

  3. 读书笔记-你不知道的JS中-promise(3)

    坑坑坑 关于术语:决议.完成以及拒绝. 首先观察Promise(..)构造器: var p = new Promise(function(x, y) { //x() 用于完成 //y() 用于拒绝 } ...

  4. 读书笔记-你不知道的JS中-promise(2)

    继续填坑 模式 考虑下面的代码: function fn(x) { //do something return new Promise(function(resolve, reject) { //调用 ...

  5. 读书笔记-你不知道的JS中-promise

    之前的笔记没保存没掉了,好气,重新写! 填坑-- 现在与将来 在单个JS文件中,程序由许多块组成,这些块有的现在执行,有的将来执行,最常见的块单位是函数. 程序中'将来'执行的部分并不一定在'现在'运 ...

  6. 简单谈谈js中Promise的用法

    首先先推荐一篇博文:http://blog.csdn.net/jasonzds/article/details/53717501 这篇博文很清晰的说明了Promise的用法,这里来简单总结一下: Pr ...

  7. js中promise解决callback回调地狱以及使用async+await异步处理的方法

    1.callback回调地狱 function ajax(fn) { setTimeout(()=> { console.log('你好') fn() }, 1000) } ajax(() =& ...

  8. js中的宏任务与微任务

    如果你已经知道了js中存在宏任务和微任务,那么你一定已经了解过promise了.因为在js中promise是微任务的一个入口. 先来看一道题: setTimeout(function(){ conso ...

  9. 解析js中作用域、闭包——从一道经典的面试题开始

    如何理解js中的作用域,闭包,私有变量,this对象概念呢? 就从一道经典的面试题开始吧! 题目:创建10个<a>标签,点击时候弹出相应的序号 先思考一下,再打开看看 //先思考一下你会怎 ...

随机推荐

  1. dojo中取查询出来的地市维表数据的id

    1.页面中引入隐藏域 <input type="hidden" id="area_desc"/> 2.通过在属性中设置 onchange:funct ...

  2. FusionCharts 3D帕累托图报错

    今天我在设计3D帕累托图时,是由原来的2D帕累托图页面重命名而来,但是当我重命名后发现HTML文件打不开,而且还报错,真不知道是什么原因引起的.因此,我就将这个错误截图,保存下来,希望以后能够解决,或 ...

  3. 利用Eclipse中的Maven构建Web项目报错(一)

    利用Eclipse中的Maven构建Web项目 1.在进行上述操作时,pom.xml一直报错 <project xmlns="http://maven.apache.org/POM/4 ...

  4. jquery Dialog弹框插件使用

    var dialog = new Dialog({ title: '购物车', type: 'url', width: 520, content: "Uplolo.aspx", s ...

  5. Django学习-19-缓存

    由于Django是动态网站,所有每次请求均会去数据进行相应的操作,当程序访问量大时,耗时必然会更加明显,最简单解决方式是使用:缓存,缓存将一个某个views的返回值保存至内存或者memcache中,5 ...

  6. 异常-----freemarker.core.InvalidReferenceException问题解决

    案例一 1.1.错误描述 五月 28, 2014 9:56:48 下午 freemarker.log.JDK14LoggerFactory$JDK14Logger error 严重: Template ...

  7. 【转】Nginx的启动、停止与重启

    Nginx的启动.停止与重启 启动 启动代码格式:nginx安装目录地址 -c nginx配置文件地址 例如: [root@LinuxServer sbin]# /usr/local/nginx/sb ...

  8. 【BZOJ1087】【SCOI2005】互不侵犯(状态压缩,动态规划)

    题面 这种傻逼题懒得粘贴了... 题解 傻逼题 \(f[i][j][k]\)表示当前第\(i\)列,当前放置状态为\(j\),已经放了\(k\)个 暴力判断状态合法性,暴力判断转移合法性,然后统计答案 ...

  9. 【CJOJ1372】【洛谷2730】【USACO 3.2.5】魔板

    题面 Description 在成功地发明了魔方之后,鲁比克先生发明了它的二维版本,称作魔板.这是一张有8个大小相同的格子的魔板: 1 2 3 4 8 7 6 5 我们知道魔板的每一个方格都有一种颜色 ...

  10. [ZOJ3435]Ideal Puzzle Bobble

    题面戳我 题意:你现在处于\((1,1,1)\),问可以看见多少个第一卦限的整点. 第一卦限:就是\((x,y,z)\)中\(x,y,z\)均为正 sol 首先L--,W--,H--,然后答案就变成了 ...