每天一道面试题(12) - resolve(reject(1))走then还是catch

最新推荐文章于 2023-03-31 11:01:57 发布
最新推荐文章于 2023-03-31 11:01:57 发布
阅读量378 收藏
点赞数 1
分类专栏： 每天一道面试题 笔面试 文章标签： 面试 函数调用栈 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_37719279/article/details/120536634
版权

之前面试时遇到这个问题, 当时脑子不太好使没想到这道题的考察点是什么.

后来复盘了一下才反应过来这道题考的是函数调用栈啊!

文章目录

什么是函数调用栈

定义参考链接

程序在运行期间，内存中有一块区域，用来实现程序的函数调用机制。这块区域是一块LIFO的数据结构区域，我们可以叫函数栈（调用栈）。

每个未退出的函数都会在函数栈中拥有一块数据区，我们叫函数的栈帧。函数的调用栈帧中，保存了相应的函数的一些重要信息：函数中使用的局部变量，函数的参数，另外还有一些维护函数栈所需要的数据.

resolve(reject(1))走then还是catch

答案, 显而易见, 走到catch里;

函数调用栈的其他问题场景

函数调用栈还有一些其他场景, 比如

1. 闭包

当一个函数return的是另一个函数时, 这个函数的调用帧不会被删除, 仍然保存着当前函数的上下文, 所以也不会被垃圾回收, 滥用会造成内存泄漏

2. 尾调用和尾递归

这个讲起来有点复杂, 具体可以查看阮大大的ES6教程中关于尾递归优化那一节
简单说来就是, 在尾递归时, 函数调用栈中只会保存一个调用帧, 大大节省了资源

等等

明天开始休假啦, 就不更新了
祝大家假期快乐~~~

Promise面试题
sinat_27514587的博客
12-01 264
此文首发于 https://lijing0906.github.io 前面的文章梳理了一下有关浏览器进程、事件循环机制、微任务和红任务、Promise的相关知识，这篇文章想讲讲有关这些知识的一些面试题。 参考文章 题目一 const promise = new Promise((resolve, reject) => { console.log(1) resolve() ...
promise到底是在resolve时被推入微任务队列还是在then的时候呢？
xm2by的博客
03-15 6718
promise到底是在resolve时被推入微任务队列还是在then的时候呢？ 今天在看async/await、promise等执行顺序时，一时被promise在什么时候被推出微任务队列搞得有点晕，是在执行resolve时还说执行then时？为了搞清楚这个问题，于是想了如下执行代码来验证： console.log('script start') Promise.resolve('resolve')...
手写Promise.all,resolve,reject.race(面试题)
L2395183536的博客
11-29 294
Promise手写实现、Promise静态方法实现
ES6学习笔记（十四）Promise对象
zem
01-20 663
promise是用于实现异步编程的一种解决方案，异步操作保存在promise中，在promise状态发生改变时触发对应的异步操作。 Promise的特点 promise有三种状态，pending（进行中），resolve（已成功），rejected（已失败）。只有异步操作的结果才能改变promise的状态，其他操作无法改变其状态。 Promise的状态转换只有两种，从pending转为res...
用promise理解async、await
weixin_33804582的博客
05-24 662
先用promise理解一遍 以下代码可以用promise更好理解 async function a(){ console.log(1) const w = await v console.log(3) return w } a() console.log(2) 复制代码类似于 先入栈执行a()： console.log(1) 遇到await v，假设v不是f...
js代码-面试题--promise的简单理解
07-16
我们可以通过`new Promise executor`来创建一个新的Promise实例，executor是一个接收两个参数——resolve和reject的函数。这两个参数是用来改变Promise状态的函数，当异步操作成功时调用resolve，失败时调用reject...
2023前端面试题------JS 面试题(2) es6
每天都要努力学习哦~~
03-31 968
定义了异步逻辑的三种状态pending、rejected、fullfilled, 搭配then、catch、all、race等方法以及async await语法糖，大量简化了异步操作。Generator 函数返回一个同步遍历器，异步 Generator 函数的作用，是返回一个异步遍历器对象。箭头函数没有自己的this，this指向外部的this，并且this会在创建的时候就绑定好.箭头函数是ES6推出的，所以在低版本浏览器是有兼容问题的，语法简介明了，逻辑更清晰。const 定义的常量， 无法更改。
前端大厂最新面试题-promise.docx
06-06
`getJSON('/post/1.json').then(function(post) { return getJSON(post.commentURL);}).then(function(comments) { // some code}).catch(function(error) { // 处理前面三个 Promise 产生的错误});` Promise 的...
2025高频前端面试题（含答案）
热门推荐
weixin_44672169的博客
04-22 24万+
一、简单页面 1、CSS选择器样式优先级 2、CSS实现三列布局（左右固定宽度，中间自适应） （1）CSS浮动 第一个float:left，第二个float:right，第三个设置margin-left和margin-right （2）绝对定位法 第一个定位到left，第二个定位到right，第三个设置margin-left和margin-right （3）flex布局 .left{ width:200px; 或者 flex:0 0 200px; } .right{ width:200px;
前端为什么有的接口明明是成功回调却执行了.catch失败回调_JavaScript异步执行解决方案之promise基础知识...
weixin_39851457的博客
12-03 536
Promise定义：包含异步操作结果的对象状态进行中：pending已成功：resolved已失败：rejected特点对象的状态不受外界影响一旦状态改变就不会再变，任何时候都可得到这个结果声明：new Promise((resolve, reject) => {})出参resolve：将状态从未完成变为成功，在异步操作成功时调用，并将异步操作的结果作为参数传递出去reject：将状态从未完...
面试题（部分）
hmwx_的博客
12-13 432
一、Promise，.then.catch那一块。 1、[Promise静态方法（resolve，reject，all，race）] 异步抽象处理对象 这4个方法都是静态方法，非实例方法，用Promise对象是无法调用的。 Promise.resolve将对象转为Promise对象。函数声明：Promise.resolve(value);。 Promise.reject将对象转换成一个状态为Rejected的全新的Promise对象。函数声明：Promise.reject(error); Promise.a
axios axios成功却走了catch
taowuhua的博客
04-23 6608
问题描述： 使用axios发送ajax请求，服务器返回200，数据也成功返回了，但是前台这里，axios 这边代码也走了 then方法的代码，但是走完之后，又走了catch里的代码，仔细检查了then方法里的代码，没有错误。 请求截图 axios then 和 catch 方法代码 this.login(param).then(res => { if(res.dat...
前端js进阶之ES6 Promise(承诺)用法小结笔记、详细解释（resolve，catch，catch）历史最通俗易懂的承诺
南北极之间
03-23 3824
前端js进阶之ES6 Promise(承诺)用法小结笔记、详细解释（resolve，catch，catch）历史最通俗易懂的承诺！！！
ES6 --- Promise基础用法（resolve、reject、then、catch）详解一
wangdan_2013的博客
12-19 1万+
ES6 — Promise基础用法详解 Promise 是一个构造函数，它自身拥有all、reject、resolve这几个眼熟的方法， 原型上有then、catch等同样熟悉的方法。 所以，在开始一个Promise的时候，先new一个吧： let p = new Promise((resolve, reject)=> { setTimeout(()=> { ...
对Promise中的resolve，reject，catch的理解
勿忘初心的博客
05-15 5万+
对promise这个概念之前已经有了一些浅显的理解，相关文章->戳这里，最近又有了一些新的理解。.then()的时候到底是在then什么…首先要理解…Promise是一个对象，有then()方法的对象then()的入参是一个函数，通常在promise链中，入参是 一个返回promise的函数 ，这句话好像有点拗口，就是说入参是一个函数，这个函数会return一个promise对象如何破坏pr...
Promise初步详解（resolve,reject,catch）
arzu19740204的博客
01-07 5118
一:何为Promise？ 为了直观一点，首先我们采用console.dir(Promise)看一下它的结构组成。 从上面的图片中我们可以到，Promise其实是一个构造函数，它有resolve，reject，race等静态方法;它的原型（prototype）上有then，catch方法，因此只要作为Promise的实例，都可以共享并调用Promise.prototype上面的方法...
关于promise中reject和catch的问题
weixin_44197906的博客
11-25 923
一、reject后的东西，一定会进入then中的第二个回调，如果then中没有写第二个回调，则进入catch
浅谈promise（then、catch、resolve、reject、race、all、done、finally）
momDIY的博客
09-05 2万+
Promise--抽象异步处理对象以及对其进行各种操作的组件 Constructor 构造函数 Instance Method 实例方法 Static Method 静态方法 关于then、catch、resolve、reject、race等方法、下边有代码示例...……^_^
Promise 面试题
最新发布
01-25
### 关于 Promise 的常见面试题及解答 #### 1. 创建并返回一个立即解析的 Promise 对象 创建一个立即被解析为给定值的 `Promise` 对象。 ```javascript const immediateResolve = value => { return new Promise(resolve => resolve(value)); }; immediateResolve(42).then(console.log); // 输出: 42 ``` 此方法展示了如何通过构造函数快速构建已成功状态下的承诺对象[^2]。 #### 2. 处理多个并发 Promises 并收集所有结果 当需要等待一组异步操作完成时可以使用 `Promise.all()` 方法来处理这些情况。该方法接收一个由 promises 组成的数组作为参数，并返回一个新的 promise，这个新的 promise 将会在所有的输入 promises 被解决之后才会被解决，并且会把所有输入 promises 结果组成的一个列表传递给其回调函数。 ```javascript function fetchMultipleUrls(urls) { const requests = urls.map(url => fetch(url).then(response => response.json()) ); return Promise.all(requests); } fetchMultipleUrls(['url1', 'url2']).then(dataList => console.log(dataList)); // 所有请求完成后打印数据集合 ``` 这段代码说明了怎样利用 `Promise.all()` 来有效地管理多任务的同时执行以及获取它们的结果集。 #### 3. 实现带有重试机制的 Promise 函数 对于某些可能失败的操作来说，提供一种自动重新尝试的能力是非常有用的。下面是一个简单的例子，实现了具有指定次数重试功能的通用工具函数： ```javascript function retryPromise(cb, retriesLeft = 3, interval = 1000) { return new Promise((resolve, reject) => { cb().then( res => resolve(res), err => { setTimeout(() => { if (retriesLeft === 1) { reject(err); return; } retryPromise(cb, retriesLeft - 1, interval).then(resolve, reject); }, interval); } ); }); } ``` 上述实现允许传入自定义的最大重试次数和每次重试之间的间隔时间，从而提高了灵活性与实用性[^3]。 #### 4. 使用 catch() 捕获错误 如果任何一个链接中的 promise 发生拒绝，则整个链条都会跳转至最近一次调用 `.catch()` 或者后续任何地方设置的错误处理器那里去继续运行流程。 ```javascript new Promise((_, reject) => { throw "Oops!"; }).catch(error => { console.error('Caught error:', error); // Caught error: Oops! }); ``` 这里展示了一个基本的例子，其中抛出了异常并且被捕获到了链上的第一个可用的`.catch()` 中[^1]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值