promise的then为什么是异步的

2024-11-10

Promise then中回调为什么是异步执行？Promise执行机制问题

今天发现一个问题,看下方代码 let p = new Promise(function(resolve, reject) { resolve() console.log('); }); p.then(res => { console.log('); }) 输出结果是2222 1111,而自己想的是1111 2222,带着问题查询之后发现. 原来then后边跟的都是异步执行..学习到了. 此链接是各位大佬的回答https://www.zhihu.com/question/57071244 用网上学

Promise的两种处理异步的方式

单个异步处理: let usedMemoryPromise = fetchUsedMemeory(); usedMemoryPromise.then(data => {...}) function fetchUsedMemeory(){ return new Promise( function(resolve){ let clusterId = $("#cluster-id").val(); invokeJsonRpc(RDS_CONFIG.APOLLO_CMDB_ENDPOIN

Angularjs promise对象解析

1.先来看一段Demo,看完这个demo你可以思考下如果使用$.ajax如何处理同样的逻辑,使用ng的promise有何优势? var ngApp=angular.module('ngApp',[]); /******************************************************************* * $q为内置服务 ****************************************************************/ ngA

JavaScript异步编程（1）- ECMAScript 6的Promise对象

JavaScript的Callback机制深入人心.而ECMAScript的世界同样充斥的各种异步操作(异步IO.setTimeout等).异步和Callback的搭载很容易就衍生"回调金字塔".--由此产生Deferred/Promise. Deferred起源于Python,后来被CommonJS挖掘并发扬光大,得到了大名鼎鼎的Promise,并且已经纳入ECMAScript 6(JavaScript下一版本). Promise/Deferred是当今最著名的异步模型,不仅强壮了J

Angular JS中 Promise用法

一.Promise形象讲解A promise不是angular首创的,作为一种编程模式,它出现在1976年,比js还要古老得多.promise全称是 Futures and promises. 而在javascript世界中,一个广泛流行的库叫做Q 地址是https://github.com/kriskowal/q 而angular中的$q就是从它引入的.promise解决的是异步编程的问题,对于生活在同步编程世界中的程序员来说,它可能比较难于理解,这也构成了angular入门门槛之一,以下将用

JavaScript编程异步助手:Promise

异步模式在Web编程中变得越来越重要,对于Web主流语言JavaScript来说,这种模式实现起来不是很利索,为此,许多JavaScript库(比如 jQuery和Dojo.AngularJS)添加了一种称为Promise的抽象(术语称作Deferred模式).通过这些库,开发人员能够在实际编程中使用Promise模式,每个Promise都拥有一个叫做then的唯一接口,当Promise失败或成功时,它就会进行回调.它代表了一种可能会长时间运行而且不一定必须完成的操作结果.这种模式不会阻塞和等待

【译】JavaScript Promise API

原文地址:JavaScript Promise API 在 JavaScript 中,同步的代码更容易书写和 debug,但是有时候出于性能考虑,我们会写一些异步的代码(代替同步代码).思考这样一个场景,同时触发几个异步请求,当所有请求到位时我们需要触发一个回调,怎么做?Promise 让一切变的简单,越来越多的原生 API 基于 Promise 去实现.那么,什么是 Promise?Promise API 如何使用? 基于 Promise 的原生 API Promise 主要是为了解决异步的

翻译连载 | 第 10 章：异步的函数式（上）－《JavaScript轻量级函数式编程》 |《你不知道的JS》姊妹篇

原文地址:Functional-Light-JS 原文作者:Kyle Simpson-<You-Dont-Know-JS>作者关于译者:这是一个流淌着沪江血液的纯粹工程:认真,是 HTML 最坚实的梁柱:分享,是 CSS 里最闪耀的一瞥:总结,是 JavaScript 中最严谨的逻辑.经过捶打磨练,成就了本书的中文版.本书包含了函数式编程之精髓,希望可以帮助大家在学习函数式编程的道路上走的更顺畅.比心. 译者团队(排名不分先后):阿希.blueken.brucecham.cfanlife.d

前端笔记之ES678&Webpack&Babel（下）AMD|CMD规范&模块&webpack&Promise对象&Generator函数

一.AMD和CMD规范(了解) 1.1传统的前端开发多个js文件的关系 yuan.js中定义了一个函数 function mianji(r){ return 3.14 * r * r } main.js文件中调用这个函数: alert(mianji(10)) 在页面上按顺序引入这两个js文件: <html> <head> <title>Document</title> </head> <body> </body> <

浅谈Promise

学习过JavaScript的人都知道,JavaScript是单线程作业,这样会有一个很大的缺陷,所有的Ajax,浏览器事件等,都是通过异步去完成.所谓的同步和异步最大的区别无非就是在于同步会阻塞后续代码的执行,然而异步则不会阻塞后续代码的执行. 像setTimeout,setInterval,Ajax这些都是通过异步的回调去做的.拿setTimeout比方来说,及时是把时间设置成0,但是它依然是属于异步方法,任然不会阻塞后续代码的执行. 说到头来无论是setTimeout,Ajax或是其他的异步

有关promise的技巧

其实promise的作用是将异步的代码转化为同步,这里的异步指的是request1,request2.

Promise杂记

更好的阅度体验前言 API Promise特点状态跟随 V8中的async await和Promise 实现一个Promise 参考前言作为一个前端开发,使用了Promise一年多了,一直以来都停留在API的调用阶段,没有很好的去深入.刚好最近阅读了V8团队的一篇如何实现更快的async await,借着这个机会整理了Promise的相关理解.文中如有错误,请轻喷~ API Promise是社区中对于异步的一种解决方案,相对于回调函数和事件机制更直观和容易理解.ES6 将其写进了语言标准

ES6 中 Promise

在说Promise之前我们先简单说一下什么是同步异步? 同步(Sync):所谓同步,就是发出一个功能调用时,在没有得到结果之前,该调用就不返回或继续执行后续操作. 异步(Async):异步与同步相对,当一个异步过程调用发出后,调用者在没有得到结果之前,就可以继续执行后续操作.当这个调用完成后,一般通过状态.通知和回调来通知调用者. Promise是什么? Promise是JS异步编程中的重要概念,异步抽象处理对象,是目前比较流行Javascript异步编程解决方案之一.这句话说的很明白了,Pro

[转载]JavaScript异步编程助手：Promise模式

http://www.csdn.net/article/2013-08-12/2816527-JavaScript-Promise http://www.cnblogs.com/hustskyking/p/javascript-asynchronous-programming.html 摘要:Promises是一种令代码异步行为更加优雅的抽象,它很有可能是JavaScript的下一个编程范式,一个Promise即表示任务结果,无论该任务是否完成. 异步模式在Web编程中变得越来越重要,对于Web

手写一款符合Promise/A+规范的Promise

手写一款符合Promise/A+规范的Promise 长篇预警!有点长,可以选择性观看.如果对Promise源码不是很清楚,还是推荐从头看,相信你认真从头看到尾,并且去实际操作了,肯定会有收获的.主要是代码部分有点多,不过好多都是重复的,不必担心 Promise的一些用法在此不多赘述,本篇主要带领你手写一个Promise源码,学完你就会发现:Promise没有你想象中的那么难本篇大概分为以下步骤实现简单的同步Promise 增加异步功能增加链式调用then 增加catch finally方

angular中使用promise

promise是一种用异步的方式处理值的方法,promise是对象,代表了一个函数最终可能的返回值或者抛出的异常,在与远程对象打交道时我们可以把他看作是远程对象的一个代理. 如果说是promise也是异步处理方式的一种,那么我们会想起它和XHR和$.ajax有啥区别呢? 习惯上js使用闭包或者回调来相应非同步返回的数据,比如页面加载之后的XHR请求.我们可以跟数据进行正常交互,就好像它已经返回了一样,而不需要依赖回调函数的触发. 那么ng提出的promise是为了解决什么问题呢? 回调已经被使用

彻底理解Javascript 中的 Promise（-------------------------------***---------------------------------）

ES6原生提供了 Promise 对象. 到底是何方妖怪呢?打出来看看: 所谓 Promise,就是一个对象,用来传递异步操作的消息.它代表了某个未来才会知道结果的事件(通常是一个异步操作),并且这个事件提供统一的 API,可供进一步处理. Promise 对象有以下两个特点. (1)对象的状态不受外界影响.Promise 对象代表一个异步操作,有三种状态:Pending(进行中).Resolved(已完成,又称 Fulfilled)和 Rejected(已失败).只有异步操作的结果,可以决定当

Promise介绍及使用场景

Promise 介绍 Promise 是一个构造函数,是异步编程的一种解决方案.所谓Promse,它本身就是一个容器,里面保存着异步操作的结果,对的,这和回调函数类似. Promise 容器本身不是异步的,而里面封装一个异步任务.他有三种状态,即:1.pending(进行中).2.resolved(成功).3.rejected(失败).状态只能变为一种. Promise 获取文件信息 const fs = require('fs'); let p1 = new Promise((resolve,

JavaScript异步编程助手：Promise模式

:Promises是一种令代码异步行为更加优雅的抽象,它很有可能是JavaScript的下一个编程范式,一个Promise即表示任务结果,无论该任务是否完成. 异步模式在Web编程中变得越来越重要,对于Web主流语言JavaScript来说,这种模式实现起来不是很利索,为此,许多JavaScript库(比如 jQuery和Dojo.AngularJS)添加了一种称为Promise的抽象(术语称作Deferred模式).通过这些库,开发人员能够在实际编程中使用Promise模式,每个Pro

ES6中的Promise使用总结

One.什么是Promise? Promise是异步编程的解决方案,而它本身也就是一个构造函数,比传统的异步解决[回调函数]和[事件]更合理,更强大. Two.Promise有何作用? 作用:解决回调地狱当我们在写逻辑函数时,可能函数内部会有另一个函数,而我们在处理一些比较复杂的操作的时候,有可能里面会嵌套十几二十个函数都说不定,那么看一下下面的代码: //需求 : 异步操作按照顺序执行(异步默认无序) //需求: (1)先读取a (2)然后读取b (3)然后读c (4)最后读取d const

promise初体验，小白也能看懂

promise出现的目的一为处理JavaScript里的异步,再就是避免回调地狱. promise有三种状态:pending/reslove/reject . pending就是未决,resolve可以理解为成功,reject可以理解为拒绝. promise的最终状态会凝固,成功了以后即便再执行reject ('failed')状态也不会改变. Promise是一个构造函数,自己身上有all.reject.resolve这几个的方法,原型上有then.catch等同样的方法.这么说用Promis

promise的then为什么是异步的

热门专题