Angular JS promise then()不执行 - 腾讯云开发者社区

文章/答案/技术大牛

发布

JS异步执行，Promise用法

值得注意的是，Promise新建后就会立即执行。...执行顺序接下来我们探究一下它的执行顺序，看以下代码： let promise = new Promise(function(resolve, reject){ console.log("AAA...表明，在Promise新建后会立即执行，所以首先输出 AAA。然后，then方法指定的回调函数将在当前脚本所有同步任务执行完后才会执行，所以BBB 最后输出。...特点体现在以下四点：内置执行器更好的语义更广的适用性返回值是 Promise await 顾名思义，等待。正常情况下，await命令后面是一个 Promise 对象，返回该对象的结果。...在该函数中，利用await来等待一个Promise。 Promise优缺点优点缺点解决回调无法监测进行状态链式调用新建立即执行且无法取消减少嵌套内部错误无法抛出

6.5K3 0

js，timeout,promise执行顺序

先执行macro-task，等到函数调用栈清空之后再执行所有在队列之中的micro-task。...等到所有micro-task执行完之后再从macro-task中的一个任务队列开始执行，就这样一直循环。...先执行正常栈中的代码，在执行micro-task，然后是macro-task....也就是set开头的最后执行，promise在set之前，promise方法里的第一个执行方法不入栈，在正常栈里执行 console.log('golb1'); setImmediate(function...，结果如下： golb1 glob1_promise glob1_nextTick glob1_then timeout1 timeout1_promise timeout1_nextTick timeout1

5.9K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

JavaScript执行——Promise

值得注意的是，Promise新建后就会立即执行。...执行顺序接下来我们探究一下它的执行顺序，看以下代码： let promise = new Promise(function(resolve, reject){ console.log(...表明，在Promise新建后会立即执行，所以首先输出AAA。然后，then方法指定的回调函数将在当前脚本所有同步任务执行完后才会执行，所以 BBB最后输出。...特点体现在以下四点：内置执行器更好的语义更广的适用性返回值是 Promise await 顾名思义，等待。正常情况下，await命令后面是一个 Promise 对象，返回该对象的结果。...在该函数中，利用await来等待一个Promise。 Promise优缺点优点缺点解决回调无法监测进行状态链式调用新建立即执行且无法取消减少嵌套内部错误无法抛出

9702 0

Angular2 之 Promise vs Observable

如果看成状态机 Promise 具有 3 个状态：pending、resolved、rejected（如果 Cancelable Promise 正式通过，那么还会增加一个状态）。...总结：相比于 Promise 这个有限状态机而言，Observable 既可能是有限状态机，也可能是无限状态机（N 为无穷）。...调用情况 Observable 还具有可订阅性，对于 Cold Observable 而言，只有订阅后才开始起作用 Promise 一经产生便开始起作用总结：在视频中有详细的介绍。...结束由于 Promise 仅有一个数据，故数据被获取即为 Promise 完成，仅需要一个状态。...运算符 Promise ，由于有且只有一个数据，所以无需复杂的操作，仅需要一个简单的变换（返回值）或者组合（返回另一个 Promise）功能即可，甚至还可以把组合变换与使用统一为一个操作，也就是我们的

8532 0

js——promise用法

.1.promise基本用法 const promise =new Promise((resolve,reject)=>{...); }) console.log(4); 2.Promise基本用法补充 Promise的构造函数接收一个函数作为参数...Promise正是通过这两个状态来控制异步操作的结果。...在声明的时候，Promise构造函数传递的参数函数会立即执行，因此Promise使用的正确姿势是在其外层再包裹一层函数，使得构造函数中的函数按需执行，而不是立即执行。...如下： 3.使用promise来解决回调地狱的问题服务端部分代码 //基于Promise处理ajax请求 function queryData(url){

6.3K1 0

JS 手写： Promise

如果该值是 thenable (即，带有 then 方法的对象)，返回的 Promise 对象的最终状态由 then 方法执行决定；否则的话(该 value 为空，基本类型或者不带 then 方法的对象...{ reject(reason); }); }; # 实现 finally 无论当前 Promise 是成功还是失败，调用 finally 之后都会执行 finally 中的函数，并且将原封不动地往下传...执行完，直接 resolve 并停止执行 Promise.race = function (promises) { return new Promise((resolve, reject) =>...，递归执行 return value.then(_this.resolve, _this.reject); } setTimeout(() => { // 异步执行，保证执行顺序...for promise')); } // 如果 x 是个 Promise，状态为 pending 时需要等待，状态为 resolved 或 rejected 时直接执行 if (x instanceof

1.9K4 0

Js篇-面试题2-Promise 执行顺序问题

Promise 执行问题写出下面一段程序的输出的结果 new Promise(resolve => { console.log(1); setTimeout(() => console.log...(2),0) Promise.resolve().then(() => console.log(3)) resolve(); }).then(() => console.log(4))...console.log(5) 答案: 1 5 3 4 2 解析:事件循环,任务队列的执行顺序,new Promise是会立即调用,接收了一个resolve参数,执行调用输出console.log(1)...语句,遇到setTimeout,它是一个异步宏任务,会推送到任务队列中,进入挂起状态而promise.resove也是一个异步微任务,仍然会推送到任务队列中,进入挂起状态,当主线程console.log...(5)执行完后,在从异步任务队列中进行执行,在同一栈中,微任务要优先于宏任务的执行,所以先执行 3,然后 4,最后是 2 最终执行的顺序结果是:1,5,3,4,2

1.6K1 0

Promise、setTimeout的执行顺序

什么是event loop event loop是js的事件执行机制，我们一般简称为事件循环（之所以称作事件循环，是因为它经常被用于类似如下的方式来实现） while (queue.waitForMessage...同步和异步任务要了解异步线程我们首先应该明白它的用处，因为js的单线程特性，任务的执行顺序都是依次执行，而当我们在工作中遇到网络请求，前后端交互的时候，你的数据不会马上拿到，这需要时间，如果等拿到数据再执行下面的代码...异步任务分为微任务和宏任务在执行过程中，我们知道了同步任务会优先异步任务执行，那么在异步中呢，异步中同样包含微任务和宏任务，首先我们大概了解下微任务和宏任务，在js中：微任务(micor Task...1.3.4.2 ，我们首先找到同步任务，1 3 是同步任务，然后执行异步任务，异步任务如果按顺序执行则是24 但是答案是4.2那么我们可以知道 promise的执行顺序优先于setTimeout所以由此可知...微任务，直接执行 new Promise 输出 5, 并将 then 函数的回调函数推入 micro Task 的 event queue 中, micro Task 的 event queue 中记

1K2 0

【JS】2030- 通过可视化彻底搞懂 Promise执行逻辑

深入探讨了 JavaScript 中 Promise 的内部机制，解释了它们如何使异步任务以非阻塞方式执行，并展示了 Promise 的创建、状态变化以及与事件循环的关系。...在这篇博客文章中，我们将深入探讨 Promise 的一些内部机制，并探索它们是如何使得 JavaScript 能够执行非阻塞的异步任务。...一种创建 Promise 的方式是使用 new Promise 构造函数，它接收一个执行函数，该函数带有 resolve 和 reject 参数。...我们可以通过调用 resolve 来解决这个 Promise，这是通过执行函数可以实现的。...一旦回调执行完毕并从调用栈中弹出，程序就完成了！除了创建一个 Promise Reaction 之外，then 还返回一个 Promise。

7891 0

多层嵌套 promise then 执行顺序

在看 js 事件循环的时候，看到一个有趣的 promise then 执行顺序的题，想了好久，终于想明白了，这里记录一下。大家先想下这里的执行顺序是什么。...，这里首先要明确一点 promise then函数回调执行完毕后才会开始下一个 then 函数，当多个 then 链式调用的时候，如果一个 then 函数放入微任务队列，没有执行完，则之后的 then...首先，大家都知道 setTimeout 是宏任务，则一定在下一轮事件循环的时候才执行，则他的执行优先级最低，promise是同步任务，会先执行，promise.then() 是微任务，当遇到微任务的时候...执行到 22 行逻辑：这里当执行到 22 行时， then的参数整体作为一个函数放入微任务队列中，因为这里还没执行，所以 555 的 then 就暂时不执行，继续下一个 333 的 then 放入微任务队列...，接下来没有同步任务了，开始执行微任务队列，当执行到 23 行的时候，这个微任务先执行 promise 同步函数，将then 444 又放入了微任务队列，接下来没有课执行的同步任务了，则开始执行微任务队列

2K4 0

怎么理解JS Promise

四、Promise与异步 Promise是异步的。js异步操作是通过js的事件循环机制EventLoop实现的。...对于同步任务来说，会被推到执行栈按顺序去执行这些任务。对于异步任务来说，当其可以被执行时，会被放到一个任务队列（task queue）里等待JS引擎去执行。...当执行栈中的所有同步任务完成后，JS引擎才会去任务队列里查看是否有任务存在，并将任务放到执行栈中去执行，执行完了又会去任务队列里查看是否有已经可以执行的任务。...注意：微任务队列每次全执行，宏任务队列每次只取一项执行。总结起来js引擎对程序的执行顺序是：1。先执行同步任务的程序 2。在执行异步任务里的微任务 3。...after");//同步任务 } testFn(); 上图结果证明了上述所说的js的执行顺序。

13.1K3 0

JS高阶（一）Promise

抽象表达： Promise是ES6中新增的规范； Promise是js中异步编程的新解决方案（旧方案采用函数回调）；具体表达：从语法上说：Promise是一个构造函数；从功能上说：Promise...解决回调地狱问题回调地狱：回调函数嵌套调用，外部回调函数异步执行的结果是嵌套回调执行的条件；回调地域缺点：不便于阅读，不便于异常处理；解决方案：promise链式调用； 5.2.1 对象状态改变...5.4.1 API **Promise 构造函数 ** Promise(executor){} **executor 函数：**执行器 (resolve, reject) => {} **resolve...函数：**定义内部成功时回调函数 value => {} **reject 函数：**定义内部失败时回调函数 reason => {} 说明： executor会在promise内部立刻同步调用，异步操作在执行器中执行...简单表达：由then指定的回调函数执行的结果决定；详细表达：如果抛出异常，新的 promise 变为 rejected，reason 为抛出的异常；如果返回任意非 promise 值，新 promise

2.8K1 0

【Angular JS】正确调用JQuery与Angular JS脚本 - 修复Warning: Tired to load angular more than once

-- Angular JS Javascript --> 6 angular-1.3.15/angular.js"> 7...angular-1.3.15/angular-route.js"> 8 js/app.js">Angular JS框架使用了"轻量级的JQuery" - JqLite来处理页面，Jqlite是不会去执行样式页面（template）中的script...时候，JQuery就不会执行里面的Script，从来不会导致Angular JS脚本被加载多次。　　...但这样不好，原因是Angular JS仍使用内部的JqLite，导致如果你想在Template Html中执行变得不可能。总结：　　在Google时，发现这个问题还是蛮多人遇到的。

3K9 0

预加载之——js 文件如何实现只加载不执行

1.导出一个函数如果使用加载一个js 文件，如果加载的js 是一个自执行文件，那么会出现错误。...src="/test.js"> 使用标签会进行加载和执行，由于没有加载依赖函数bluer,控制台会出现以下问题： test.js:2 Uncaught....js 是cdn, 可能出现域名不同的情况，会有跨域问题，而且eval执行也会存在某些问题。...并且是在不阻塞 document 的 onload 事件的情况下请求资源。具体是使用。...使用 Image 当preload 方式发现不兼容（caniuse 查询）时，可以使用Image来实现，Image对象的src 属性可以设置资源url,通过这个方式我们可以提前拉取资源。

7.8K1 0

angular js踩坑日记

异常情况菜单栏展示.png 异常出现情况是我手动的去刷新了页面哈（菜单栏不用每次拉取）。

1.2K1 0

JS中promise是什么？

Promise实列有三个状态： – pending （进行中） – resolved （成功） – rejected（失败）当要处理某个任务的时候，promise的状态是pending，任务完成是状态就变成了...1.then() 接受俩个俩个回调函数作为参数，第一个参数表示成功的时候去执行，第二参数表示失败的时候去执行，返回的时一个新的promise的实列。...5finally() 他是不管promise时什么状态都会执行的都会去执行的，他不接受任何的参数。 Promise的优点： – 对象的状态不受外界的影响，只有异步的操作结果才能改变他的状态。...– 一旦状态改变就不会在变，任何时候都可以得到这个结果，就如他的名字一样promise（承诺）。 Promise的缺点： – 无法去取消promise，只要创建就会执行，无法中途去终止。...– 如果不设置回调函数去接受，promise内部会报错，不会映射到外部 – 处在pending（进行中）时，外部无法得知进展到那一步总结： Promise最早是由社区提出的，在es6才被正式的纳入规范中

4.7K1 0

Js Promise的基础使用

return new Promise((resolve, reject)=> { // 假设此处是异步请求某个数据 $.ajax({ url: '......

1.9K1 0

JS 异步系列 —— Promise 札记

本札记系列总共三篇文章，作为之前的文章 Node.js 异步异闻录的拆分和矫正。...Promise札记 Generator札记 Async札记 Promise/A+ 核心在实现一个符合 Promise/A+ 规范的 promise 之前，先了解下 Promise/A+ 核心，想更全面地了解可以阅读...done() // 能捕获前面链式调用的错误(包括 catch 中)，可以传两个参数也可不传实践过程总结坑点 1：事件循环事件循环：同步队列执行完后...，在指定时间后再执行异步队列的内容。...之所以要单列事件循环，因为代码的执行顺序与其息息相关，此处用 setTimeout 来模拟事件循环；下面代码片段中，① 处执行完并不会马上执行 setTimeout() 中的代码(③)，而是此时有多少次

1.4K3 0

JS：深入理解Promise

扫码获取exam01.js ~ exam09.js源码 ? 3. 实现一版Promise试试!...Promise有很多社区规范，如 Promise/A、Promise/B、Promise/D 以及 Promise/A 的升级版 Promise/A+；Promise/A+ 是 ES6 Promises...注：_notify函数用作异步执行传入的函数数组以及参数；代码中将_callbacks、_errbacks传给_notify函数后立即清空，是为了保证_callbacks、_errbacks至多被执行一次...的正确性 A.第1步：安装Promise/A+测试工具 npm install –save promises-aplus-tests 注：这里采用局部安装，后面需要通过npx命令执行； ?...C.第3步：执行测试 npx promises-aplus-testsRookiePromiseTestAdapter.js > log.txt ? ----

1.6K4 0

js promise 实现异步队列

this.queue = [] this.flushing = false this.enqueue = function (executor) { const p = new Promise...} } } function Task(executor, resolve, reject) { this.execute = () => { return new Promise

1.6K2 0

点击加载更多

JS异步执行，Promise用法

js，timeout,promise执行顺序

JavaScript执行——Promise

Angular2 之 Promise vs Observable

js——promise用法

JS 手写： Promise

Js篇-面试题2-Promise 执行顺序问题

Promise、setTimeout的执行顺序

【JS】2030- 通过可视化彻底搞懂 Promise执行逻辑

多层嵌套 promise then 执行顺序

怎么理解JS Promise

JS高阶（一）Promise

【Angular JS】正确调用JQuery与Angular JS脚本 - 修复Warning: Tired to load angular more than once

预加载之——js 文件如何实现只加载不执行

angular js踩坑日记

JS中promise是什么？

Js Promise的基础使用

JS 异步系列 —— Promise 札记

JS：深入理解Promise

js promise 实现异步队列

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐