$http promise不会等待它内部的循环完成

$http promise是AngularJS中用于处理异步请求的一种机制。它可以发送HTTP请求并返回一个promise对象，以便在请求完成后执行相应的操作。

在具体的问题中，$http promise不会等待它内部的循环完成。这是因为$http promise是基于异步操作的，它会立即返回一个promise对象，然后继续执行后续的代码，而不会等待内部的循环完成。

如果需要等待内部的循环完成，可以使用其他的方式来处理，例如使用async/await、Promise.all()等方法来等待多个异步操作完成后再执行后续的代码。

关于$http promise的更多信息，可以参考腾讯云的相关文档和示例代码：

AngularJS官方文档：https://docs.angularjs.org/api/ng/service/$http
腾讯云云开发文档：https://cloud.tencent.com/document/product/876/18442

请注意，以上链接仅供参考，具体的使用方式和示例代码可能会因版本和实际需求而有所不同。建议根据实际情况查阅最新的官方文档和参考资料。

相关·内容

JavaScript执行机制

await 操作符用于等待一个Promise 对象。它只能在异步函数 async function 中使用。...await 表达式会暂停当前 async function 的执行，等待 Promise 处理完成。...我们所看到的node.js单线程只是一个js主线程，本质上的异步操作还是由线程池完成的，node将所有的阻塞操作都交给了内部的线程池去实现，本身只负责不断的往返调度，并没有进行真正的I/O操作，从而实现异步非阻塞...setImmediate() 实际上是一个在事件循环的单独阶段运行的特殊计时器。它使用一个 libuv API 来安排回调在轮询阶段完成后执行。...相反，它都将在当前操作完成后处理 nextTickQueue，而不管事件循环的当前阶段如何。

3682 2

带你详细了解 Node.js 中的事件循环

目前大多数内核都是多线程的，当其中一个操作完成时，内核通知 Node.js 将回调函数添加到轮询队列中等待时机执行。...阻塞 I/O 超时时间在阻塞 I/O 之前，要计算它应该阻塞多长时间，参考 Libuv 文档上的一些描述，以下这些是它计算超时时间的规则：如果循环使用 UV_RUN_NOWAIT 标志运行、超时为...期间经过 pending callbacks -> idle,prepare 当进入 poll 阶段，此时的 http.get() 尚未完成，它的队列为空，参考上面 poll 阻塞超时时间规则，事件循环机制会检查最快到达阀值的计时器...，与同步的递归不同的是，它不会触碰 v8 最大调用堆栈限制。...但它不会影响事件循环调度，setTimeout 在下一次事件循环中被执行。

2.2K3 0

带你理解 Asyncawait

划重点：await 字面的意思就是让 JavaScript 引擎等待直到 promise 状态完成，然后以完成的结果继续执行。...---- async/await 和 promise.then/catch 当我们使用 async/await 时，几乎就不会用到 .then 了，因为为我们await 处理了异步等待。...---- Microtask queue 我们在微任务和事件循环章节讲过，promise 回调是异步执行的。...Async/await 是基于 promise 的，所以它内部使用相同的微任务队列，并且相对宏任务来说具有更高的优先级。...总结函数前面的关键字 async 有两个作用：让这个函数返回一个 promise 允许在函数内部使用 await 这个 await 关键字又让 JavaScript 引擎等待直到 promise 完成

1.2K1 0

JavaScript是如何工作的:事件循环和异步编程的崛起+ 5种使用 asyncawait 更好地编码方式！

值得注意的是，ES6指定了事件循环应该如何工作，这意味着在技术上它属于JS引擎的职责范围，不再仅仅扮演宿主环境的角色。...setTimeout(…) 是怎么工作的需要注意的是，setTimeout(…)不会自动将回调放到事件循环队列中。它设置了一个计时器。...某些异步操作可能发生在事件循环的一个标记期间，不会导致一个全新的事件被添加到事件循环队列中，而是将一个项目(即任务)添加到当前标记的任务队列的末尾。...从外部看，由于 Promise 封装了依赖于时间的状态（等待底层值的完成或拒绝，Promise 本身是与时间无关的），它可以按照可预测的方式组成，不需要开发者关心时序或底层的结果。...Promise 对象的回调链，不管以 then 方法或 catch 方法结尾，要是最后一个方法抛出错误，都有可能无法捕捉到（因为 Promise 内部的错误不会冒泡到全局）。

3.1K2 0

一次弄懂Event Loop（彻底解决此类面试问题）

作者:光光同学前言 Event Loop即事件循环，是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制，也就是我们经常使用异步的原理。...pending callback: 上一轮循环中少数的callback会放在这一阶段执行。 idle, prepare: 仅在内部使用。...因此定时器将等待剩余毫秒数，当到达95ms时，fs.readFile()完成读取文件并且其完成需要10毫秒的回调被添加到轮询队列并执行。...check 此阶段允许人员在poll阶段完成后立即执行回调。如果poll阶段闲置并且script已排队setImmediate()，则事件循环到达check阶段执行而不是继续等待。...setImmediate()实际上是一个特殊的计时器，它在事件循环的一个单独阶段运行。它使用libuv API来调度在poll阶段完成后执行的回调。

5471 0

Vue你不得不知道的异步更新机制和nextTick原理

为了达到这种效果，Vue 使用异步更新，等待所有数据同步修改完成后，再去执行更新逻辑。...nextTick 原理异步更新内部是最重要的就是 nextTick 方法，它负责将异步任务加入队列和执行异步任务。Vue 也将它暴露出来提供给用户使用。...在数据修改完成后，立即获取相关DOM还没那么快更新，使用 nextTick 便可以解决这一问题。认识 nextTick 官方文档对它的描述：在下次 DOM 更新循环结束之后执行延迟回调。...内部实现在 Vue 源码 2.5+ 后，nextTick 的实现单独有一个 JS 文件来维护它，它的源码并不复杂，代码实现不过100行，稍微花点时间就能啃下来。...timerFunc 内部创建会一个微任务或宏任务，等待所有的 nextTick 同步执行完成后，再去执行 callbacks 内的回调。

1.3K2 0

JS是单线程，你了解其运行机制吗？

js引擎执行异步代码而不用等待，是因有为有消息队列和事件循环。消息队列：消息队列是一个先进先出的队列，它里面存放着各种消息。事件循环：事件循环是指主线程重复从消息队列中取消息、执行的过程。...当消息队列为空时，就会等待直到消息队列变成非空。而且主线程只有在将当前的消息执行完成后，才会去取下一个消息。这种机制就叫做事件循环机制，取一个消息并执行的过程叫做一次循环。...主线程在执行完当前循环中的所有代码后，就会到消息队列取出这条消息(也就是message函数)，并执行它。到此为止，就完成了工作线程对主线程的通知，回调函数也就得到了执行。...，不会执行其它浏览器为了能够使得JS内部task与DOM任务能够有序的执行，会在一个task执行结束后，在下一个 task 执行开始前，对页面进行重新渲染（task->渲染->task->…） microtask...前面），所以setImmediate如果嵌套的话，是需要经过多个Loop才能完成的，而不会像process.nextTick一样没完没了。

2.1K2 0

阿里前端常考面试题汇总

浮动的工作原理：浮动元素脱离文档流，不占据空间（引起“高度塌陷”现象）浮动元素碰到包含它的边框或者其他浮动元素的边框停留浮动元素可以左右移动，直到遇到另一个浮动元素或者遇到它外边缘的包含框。...使用absolute或者fixed，使元素脱离文档流，这样他们发生变化就不会影响其他元素避免频繁操作DOM，可以创建一个文档片段documentFragment，在它上面应用所有DOM操作，最后再把它添加到文档中将元素先设置...介绍下 promise 的特性、优缺点，内部是如何实现的，动手实现 Promise1）Promise基本特性1、Promise有三种状态：pending(进行中)、fulfilled(已成功)、rejected...需要注意的是，立即resolve()的 Promise 对象，是在本轮“事件循环”（event loop）的结束时执行，而不是在下一轮“事件循环”的开始时。...3）Promise缺点1、无法取消Promise，一旦新建它就会立即执行，无法中途取消。2、如果不设置回调函数，Promise内部抛出的错误，不会反应到外部。

1.4K4 0

JavaScript 异步编程指南 — Give me a Promise

Promise 是一个对象用来表示异步操作的结果，我们没有办法同步的知道它的结果，但是这个结果可以用来表示未来值，将来的某个时间点我们可以拿到该值，它可能成功，也可能失败，也会一直等待下去（这个请看下文...实例，内部好比一个 for 循环执行传入的多个 Promise 实例，当所有结果都成功之后返回结果，执行过程中一旦其中某个 Promise 实例发生 reject 就会触发 Promise.all()..., loadImg('http://www.xxxxxx.com/uploads/3.jpg') ]).then(showImgs) 在 Promise 链式调用中，任意时刻都只有一个任务执行，下一个任务要等待这个任务完成之后才能执行...() 与 Promise.all() 类似，不同的是 Promise.allSettled() 执行完成不会失败，它会将所有的结果以数组的形式返回，我们可以拿到每个 Promise 实例的执行状态和结果...好比我们的程序，创建了一个 Promise 对象 promise，并为其注册了完成和拒绝的处理函数，因为一些原因，我们没有给予它 resolve/reject，这个时候 promise 对象将会一直处于

1.2K1 0

美团前端面试题整理_2023-02-28

事件循环图片默认代码从上到下执行，执行环境通过script来执行（宏任务）在代码执行过程中，调用定时器 promise click事件...不会立即执行，需要等待当前代码全部执行完毕给异步方法划分队列...下面是我个人推荐的回答：首先js 是单线程运行的，在代码执行的时候，通过将不同函数的执行上下文压入执行栈中来保证代码的有序执行在执行同步代码的时候，如果遇到了异步事件，js 引擎并不会一直等待其返回结果...这个阶段在执行过程中又会产生新的宏任务 fs.readFile，因此又将该 fs.readFile 插入宏任务队列最后由于只剩下宏任务了 fs.readFile，因此执行该宏任务，并等待处理完成后的回调...同源政策的目的主要是为了保证用户的信息安全，它只是对 js 脚本的一种限制，并不是对浏览器的限制，对于一般的 img、或者script 脚本请求都不会有跨域的限制，这是因为这些操作都不会通过响应结果来进行可能出现安全问题的操作...3）Promise缺点 1、无法取消Promise，一旦新建它就会立即执行，无法中途取消。 2、如果不设置回调函数，Promise内部抛出的错误，不会反应到外部。

1K1 0

async和await

所以应该很好理解 async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成。...这和普通返回 Promise 对象的函数并无二致。那await是做什么用的：可以认为 await 是在等待一个 async 函数完成。...因为 async 函数返回一个 Promise 对象，所以 await 可以用于等待一个 async 函数的返回值——这也可以说是 await 在等 async 函数，但要清楚，它等的实际是一个返回值。...其实这就是 await 必须用在 async 函数中的原因。async 函数调用不会造成阻塞，它内部所有的阻塞都被封装在一个 Promise 对象中异步执行。 async/await帮我们做了啥？...先做个简单的比较吧 ⬇ 之前已经说明了 async 会将其后的函数的返回值封装成一个 Promise 对象，而 await 会等待这个 Promise 完成，并将其 resolve 的结果返回出来

1K3 0

asyncawait初学者指南

幸运的是，我们可以使用async和await关键字，使我们的程序在继续前进之前等待异步操作的完成。这个功能是在ES2017引入JavaScript的，在所有现代浏览器[1]中都支持。...，而getValue函数中的await关键字在继续程序之前等待这个promise完成，所以我们能够将所需的值打印到控制台。...虽然这样可以正常运转，但我们没有理由在发出第二个fetch请求之前等待第一个promise完成。如果我们要发出很多请求，这将是一个相当大的瓶颈。...只会调用函数而不等待它完成，以下内容将被打印到控制台： 1000 2000 3000 同样的事情也适用于其他许多数组方法，如map、filter和reduce。...for循环中的每个await都会阻塞事件循环，通常应该重构代码，一次性创建所有的promise，然后使用Promise.all()来获取结果。

3172 0

浏览器工作原理 - 页面循环系统

，在最后加了for 循环，线程会一直循环执行引入了事件，在线程运行过程中，等待用户输入的数字，等待过程中线程处于暂停状态，一旦接收到用户输入，线程就会被激活，然后执行运算输出结果处理其他线程发送过来的任务...在执行宏任务的过程中，如果 DOM 有变化，那就将该变化添加到微任务列表，这样就不会影响宏任务的执行，解决了执行效率问题等宏任务中的主要功能直接完成后，渲染引擎不直接去执行下一个宏任务，而是检查当前宏任务中的微任务...onerror onreadystatechange，监控后台请求过程中的状态，如 HTTP 头加载完成的消息、HTTP 响应体以及数据加载完成的消息配置基础的请求信息请求地址请求方法请求方式...，同样会将该微任务添加到微任务队列中，V8 引擎一致循环执行微任务队列中的微任务，直到队列为空即微任务执行过程中产生的新的微任务不会推迟到下个宏任务中执行，而是在当前的宏任务中继续执行关于微任务的一些结论...：通过异步解决了同步操作的性能问题通过微任务解决了实时性问题 Promise 异步编程的问题页面中任务都是执行在主线程之上的，相对于页面来说，主线程就是它的整个的世界，所以在执行一项耗时的任务时

6775 0

你不知道的JavaScript（中卷）二

通过分立线程中彼此合作的事件循环，并行和顺序执行可以共存 4.JS从不跨线程共享数据 5.由于JS的单线程特性，函数中的代码具有原子性，一个函数开始运行，它的所有代码都会在另一个函数的做生意代码运行前完成...在事件循环的每个tick中，可能出现的异步动作不会导致一个完事的新带伤添加到事件循环队列中，而会在当前 tick的任务队列末尾添加一个项目（任务） 2.与setTimeout(..0)hack的思路类似...在你的代码和第三方工具（一组你希望有人维护的东西）之间有一份并没有明确表达的契约八、Promise A.什么是Promise 1.从外部看，Promise封装了依赖于时间的状态——等待底层值的完成或拒绝...实际上，好的编码实践方案根本不会让多个回调的顺序有丝毫影响，可能的话就要避免 3.回调未调用：没有任何东西（甚至JS错误）能阻止Promise向你通知它的决议（如果它决议了的话）。...Promise从调用返回 • 在完成或拒绝处理函数内部，如果返回一个值或抛出一个异常，新返回的（可链接的）Promise就相应地决议 • 如果完成或拒绝处理函数返回一个Promise

7992 0

【愚公系列】2023年03月其他-Web前端基础面试题（JS_高级_47道）

闭包就是一个函数引用另外一个函数的变量，因为变量被引用着所以不会被回收，它的最大用处有两个，一个是可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中，不会在外部函数调用后被自动清除。...f1().then(f2); 一个 promise 可能有三种状态：等待（pending）、已完成（resolved，又称 fulfilled）、已拒绝（rejected）。...then 方法接受两个参数，第一个参数是成功时的回调，在 promise 由“等待”态转换到 “完成”态时调用，另一个是失败时的回调，在 promise 由“等待”态转换到“拒绝”态时调用。...而且不同浏览器对资源文件并发请求数量有限（不同浏览器允许并发数），一旦 HTTP 请求数量达到一定数量，资源请求就存在等待状态，这是很致命的，因此减少 HTTP 的请求数量可以很大程度上对网站性能进行优化...2、未清除的定时器定时器没有清除，它内部引用的变量，不会被释放。 3、脱离DOM的元素引用一个dom容器删除之后，变量未置为null，则其内部的dom元素则不会释放。

4842 0

前端异步(async)解决方案(所有方案)

它内部通常有一些异步操作，如果异步操作成功，则可以调用resolve()来将该实例的状态置为fulfilled，即已完成的，如果一旦失败，可以调用reject()来将该实例的状态置为rejected，即失败的...()方法内部抛出异常或者是明确置为rejected态，否则它返回的Promise的状态都是fulfilled态，即完成态，并且它的状态不受它的上一级的状态的影响。...await: // 只能在async函数内部使用 let value = await promise 关键词await可以让JavaScript进行等待，直到一个promise执行并返回它的结果，JavaScript...我们强调一下：await字面上使得JavaScript等待，直到promise处理完成，然后将结果继续下去。这并不会花费任何的cpu资源，因为引擎能够同时做其他工作：执行其他脚本，处理事件等等。...Promise.all也是一个非常棒的东西，它能够同时等待很多任务。

2.2K1 0

nodejs事件循环

6个主要阶段当js同步脚本运行完后，如果有异步操作还没有完成，node就将进入事件循环，像http.createServer.listen,fs.readFileAsync等操作都会使node进入事件循环...,0) 在node中会被强制转换为setTimeout(callback,1) 2.pending，callback 系统底层操作的回调，如TCP错误 3.idle，prepare 闲置预备阶段，仅供内部使用...，就会直接结束该阶段，不会等待响应的I/O回调，如果没有setImmediate设置的回调队列，就会等待I/O操作举个例子比如有一个设置了100ms后执行的定时器，同时有一个I/O操作，交给内核...timers阶段，所以决定等待文件读取的操作，就是堵塞在poll阶段，直到100ms，此时如果文件读取完成，就会把文件读取的回调执行完，再进入下一轮事件循环，执行timers的定时器但有一个情况会有所不同...，就是在cheak阶段的队列不为空，即有setImmediate设置的回调，此时的poll阶段就不会等待I/O操作，而是会直接清空该阶段的任务队列再进入cheak阶段，清空cheak阶段的任务队列。

4663 0

《现代Javascript高级教程》JavaScript中的异步编程与Promise

为了解决这个问题，JavaScript引入了异步编程的机制。简单地说，异步就是你现在发出了一个“命令”，但是并不等待这个“命令”完成，而是继续执行下一个“命令”。...事件循环是 JavaScript 内部的一个处理过程，系统会在此处不断地循环等待，检查任务队列中是否有任务，如果有，就处理它。...五、Promise的发展 Promise 对象代表一个异步操作的最终完成（或失败）及其结果值。一个 Promise 处于以下状态之一： pending: 初始状态，既不是成功，也不是失败状态。...Promise 主要解决了两类问题：异步操作的一致性问题：无论异步操作是同步完成还是异步完成，使用 Promise 对象的 then 方法都可以以同样的方式进行处理。...failure }); Promise 的状态一旦改变，就会一直保持那个状态，不会再次改变。

2322 0

JavaScript中的asyncawait

从字面上来看，async是“异步”的简写，await译为等待，所以我们很好理解async声明function是异步的，await等待某个操作完成。...我们强调一下：await字面上使得JavaScript等待，直到promise处理完成，然后将结果继续下去。这并不会花费任何的cpu资源，因为引擎能够同时做其他工作：执行其他脚本，处理事件等等。...重点就在await，它等待什么呢？...并且await会暂停当前async function的执行，等待Promise的处理完成。...async 函数调用不会造成阻塞，它内部所有的阻塞都被封装在一个 Promise 对象中异步执行。

1.5K1 0

『1W7字中高级前端面试必知必会』终极版

嵌套函数中的 this 不会继承外层函数的 this 值。...函数作用域函数内部定义的变量或者函数，并且定义的变量或者函数只能在函数内部被访问。函数执行结束之后，函数内部定义的变量会被销毁。...垃圾回收的几个线程。非阻塞 I/O 阻塞是指在 Node.js 程序中，其它 JavaScript 语句的执行，必须等待一个非 JavaScript 操作完成。...在每次运行的事件循环之间，Node.js 检查它是否在等待任何异步 I/O 或计时器，如果没有的话，则完全关闭。 process.nextTick() ：它是异步 API 的一部分。...从技术上讲不是事件循环的一部分。不管事件循环的当前阶段如何，都将在当前操作完成后处理 nextTickQueue。

7882 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云