【从如何使用到如何实现一个Promise】的更多相关文章

教你一步一步实现一个Promise

Promise我想现在大家都非常熟悉了,主要作用就是解决异步回调问题,这里简单介绍下. Promise规范是CommonJS规范之一,而Promise规范又分了好多种,比如 Promises/A.Promises/B.Promises/Kiss等等 有兴趣的可以到这多了解一些 http://wiki.commonjs.org/wiki/Promises 现在比较流行的是Promise/A规范,人们对它的完善和扩展,逐渐形成了Promise/A+规范,A+已脱颖而出. 说到这里规范是什么,可以去这…

【原】手写一个promise

上一篇文章中,我们介绍了Promise的基本使用,在这篇文章中,我们试着自己来写一个Promise,主要是学习Promise的内部机制,学习它的编程思想. !!!备注:本文写的不好,仅供自己学习之用,具体的实现过程建议看下面的参考文章.所以本文没有发布到博客园首页和其他地方 Promise API分析 正常使用方法 我们来看一个正常的使用: var p=new Promise(function(resolve,rejcet){ setTimeout(function(){ if(true){ r…

[翻译]简单的实现一个Promise

英文原文为:https://www.promisejs.org/implementing/ 1. 状态机 因为 promise 对象是一个状态机,所以我们首先应该定义将要用到的状态. var PENDING = 0; var FULFILLED = 1; VAR REJECTED = 2; function Promise () { // 可以存储这些状态,PENDING.FULFILLED 或 REJECTED var state = PENDING; // 当为 FULFILLED 或 RE…

Promise原理—一步一步实现一个Promise

promise特点 一个promise的当前状态只能是pending.fulfilled和rejected三种之一.状态改变只能是pending到fulfilled或者pending到rejected.状态改变不可逆. 支持链式调用. (1) 原型方法 Promise.prototype.then = function() {} Promise.prototype.catch = function() {} (2) 静态方法 Promise.resolve = function() {} Pro…

Promise原理讲解 && 实现一个Promise对象 (遵循Promise/A+规范)

1.什么是Promise? Promise是JS异步编程中的重要概念,异步抽象处理对象,是目前比较流行Javascript异步编程解决方案之一 2.对于几种常见异步编程方案 回调函数 事件监听 发布/订阅 Promise对象 这里就拿回调函数说说 (1) 对于回调函数 我们用Jquery的ajax获取数据时 都是以回调函数方式获取的数据 $.get(url, (data) => { console.log(data) ) (2) 如果说 当我们需要发送多个异步请求 并且每个请求之间需要相互依赖…

面试----你可以手写一个promise吗

参考:https://www.jianshu.com/p/473cd754311f <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title</title> <me…

promise对象的回调函数resolve的参数为另一个promise对象

/*如果调用resolve函数和reject函数时带有参数,那么它们的参数会被传递给回调函数. reject函数的参数通常是Error对象的实例,表示抛出的错误: resolve函数的参数除了正常的值以外,还可能是另一个Promise实例,如下:*/ /*上面代码中,p1和p2都是Promise的实例,但是p2的resolve方法将p1作为参数,即一个异步操作的 结果是返回另一个异步操作.*/ /*注意,这时p1的状态就会传递给p2,也就是说,p1的状态决定了p2的状态.如果p1的状态时pend…

自己实现一个Promise库

源码地址 先看基本使用 const promise = new Promise((resolve, reject) => { resolve(value) // or reject(reason) }) 创建Promise时传入的回调函数是立即执行的,所以我们的Promise应该是这样(用ts实现) function BDuckPromise(fn: (resolve: (value: any) => void, reject: (reason: any) => void) =>…

实现一个Promise.all

用js自己实现一个Promise.all let promiseAll = (promises) => { return new Promise((resolve, reject) => { // 用来存储每个promise的返回值 let values = new Array(promises.length); // 当前已经完成了几个promise let finishCount = 0; for (let i = 0; i < promises.length; ++i) { let…

掘金转载-手写一个Promise

目录 一 什么是Promise ? 二 Promises/A+ 规范 2.1 术语 2.2 基本要求 2.2.1. Promise的状态 2.2.2. Then 方法 2.3 简易版实践 2.4 进一步要求 2.4.1. 返回 2.4.2. Promise 解决过程 2.5 Promises/A+ 规范 完整代码 一 什么是Promise ? Promise是JS异步编程中的重要概念,异步抽象处理对象,是目前比较流行Javascript异步编程解决方案之一 二 Promises/A+ 规范 为实…

实现一个Promise

实现一个Promise promise特点 一个promise的当前状态只能是pending.fulfilled和rejected三种之一.状态改变只能是pending到fulfilled或者pending到rejected.状态改变不可逆. 支持链式调用. (1) 原型方法 Promise.prototype.then = function() {} Promise.prototype.catch = function() {} (2) 静态方法 Promise.resolve = funct…

一步一步实现一个Promise A+规范的 Promise

2015年6月,ES2015(即ES6)正式发布后受到了非常多的关注.其中很重要的一点是 Promise 被列为了正式规范. 在此之前很多库都对异步编程/回调地狱实现了类 Promise 的应对方案,比如 bluebird.Angular 的 Q 和大名鼎鼎的 jQuery 的 deffered 等. 为了便于理解,本文将分为三个部分,每个部分实现 Promise 的一部分特性,最终一步一步的实现一个完整的.遵循 promise A+ 规范的 Promise. Promise A+规范规定,Pr…

请手写代码实现一个promise

第一步:promise的声明 class Promise{ // 构造器 constructor(executor){ // 成功 let resolve = () => { }; // 失败 let reject = () => { }; // 立即执行 executor(resolve, reject); } } 第二步:三个基本状态(pending.fulfilled.rejected) class Promise{ constructor(executor){ // 初始化state为…

动手搞一个Promise

Javascript语言的执行环境是"单线程"(single thread).所谓"单线程",就是指一次只能完成一件任务.如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推. 这种模式的好处是实现起来比较简单,执行环境相对单纯:坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行.常见的浏览器无响应(假死),往往就是因为某一段Javascript代码长时间运行(比如死循环),导致整个页面卡在这个地方,其他任务无法执行.…

手写一个Promise/A+,完美通过官方872个测试用例

前段时间我用两篇文章深入讲解了异步的概念和Event Loop的底层原理,然后还讲了一种自己实现异步的发布订阅模式: setTimeout和setImmediate到底谁先执行,本文让你彻底理解Event Loop 从发布订阅模式入手读懂Node.js的EventEmitter源码 本文会讲解另一种更现代的异步实现方案:Promise.Promise几乎是面试必考点,所以我们不能仅仅会用,还得知道他的底层原理,学习他原理的最好方法就是自己也实现一个Promise.所以本文会自己实现一个遵循Pro…

如何使用 js 实现一个 Promise.all 方法 PromiseAll

如何使用 js 实现一个 Promise.all 方法 PromiseAll Promise.all PromiseAll https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/all "use strict"; /** * * @author xgqfrms * @license MIT * @copyright xgqfrms * @created 2020-…

从如何使用到如何实现一个Promise

前言 这篇文章我们一起来学习如何使用Promise,以及如何实现一个自己的Promise,讲解非常清楚,全程一步一步往后实现,附带详细注释与原理讲解. 如果你觉的这篇文章有帮助到你,️关注+点赞️鼓励一下作者,文章公众号首发,关注 前端南玖 第一时间获取最新的文章- promise是什么?主要用来解决什么问题? Promise是异步编程的一种解决方案,比传统解决方案--回调函数和事件--更合理更强大. Promise特点: (1)对象的状态不受外界影响.Promise对象代表一个异步操作,有三种…

实现一个promise.all方法

思路: 1:首先明白all的用法 2:promise.all可以接受一个由promise数组作为参数,并且返回一个promise实例, 3:promise.all([a,b,c...]).then方法之后的结果是一个数组,返回的数组是参数中依次执行的返回值 4: 参数中的promise有一个失败则全部失败 // 判断传递进来数组是否是promise,不是promise直接返回了 const isPromise = value => typeof value.then === 'function'…

基于PromiseA+规范实现一个promise

实现如果下规范的promise Aplus规范 1,promise是一个类:有三个状态 pending/等待态 fulfilled/成功态 rejected/失败态 2,promise默认执行器立即执行 3,Promise的实例都有一个then方法 4,执行器中用户可以自己决定成功或者失败,并且传入成功或者失败的原因 5,如果excutor执行器函数发生异常的时候也会执行失败的逻辑 6,如果Promise一旦进入成功态就不能再变为失败态,反之亦然   // 定义promise三种状态 let P…

如果一个promise永不resolve，会内存泄漏吗

答:跟内存泄漏没有直接关系gc的策略不会改变,如果该promise没有被人引用,就会被gc掉.如果仍被引用,就不会被gc掉.即使一个promise,resolve或者reject了,但是它还被人引用,仍然占用内存. 李政 2015/11/19 16:28:39嗯差不多,可以认为promise就是一个普通的对象,不过在vm底层会由host提供一些机制来托管promise.比如chrome的调试器里可以看到所有的promise李政 2015/11/19 16:28:56比如node里面通过nextT…

自己写一个Promise

参考Promise 的  官方规范  https://promisesaplus.com/ Promise 其实就是一个状态机 它只有两种状态变化 pending    =>   fulfilled pending    =>   rejected 并且状态一旦发生变化后就不会再改变 我们用es5来实现下 先写个架子, 并测试下: function myPromise(executor) { var _this = this; // 保存当前的函数上下文 _this.status = 'pen…

手写一个promise

Promise A+ 规范:https://promisesaplus.com/ 注:以下代码没有通过 promises-aplus-tests 的全部测试,但基本功能还是全的( 测试结果: 864 passing, 8 failing) 另外可以参考这个指南中的 Promise实现 代码实现 // Promise resolve_100+ 规范:https://promisesaplus.com/ class myPromise { constructor(executor) { this.s…

promise不会被return触发， 一个promise对象中不会被Promise.reject触发

1. let a = new Promise((resolve,reject)=>{ return 23 }) a; // promise <pending> 2. let a = new Promise((resolve,reject)=>{ Promise.reject(234) }) a; // promise <pending> 3. let a = new Promise((resolve,reject)=>{ return Promise.reject…

手把手教你实现一个完整的 Promise

用过 Promise,但是总是有点似懂非懂的感觉,也看过很多文章,还是搞不懂 Promise的 实现原理,后面自己边看文章,边调试代码,终于慢慢的有感觉了,下面就按自己的理解来实现一个 Promise. 已将每一步的代码都放在了 github 上,方便大家阅读.如果觉得好的话,欢迎star. 想要完全理解代码,需要理解 this 和闭包的含义. Promise是什么 简单来说,Promise 主要就是为了解决异步回调的问题.用 Promise 来处理异步回调使得代码层次清晰,便于理解,且更加容易…

一个简单的Promise 实现

用了这么长时间的promise,也看了很多关于promise 的文章博客,对promise 算是些了解.但是要更深的理解promise,最好的办法还是自己实现一个. 我大概清楚promise 是对异步概念的包装,当你拿到一个promise 对象,你并不是拿到你想要的值,而只是这个值的一个“承诺”.这个承诺可能被实现,从而你可以拿到最终想要的值,但也可能被拒绝,然后得到原因.关于promise 对编程风格的改善可以网上有很多文章可以参考,比如这篇. var promise = new Promis…

Promise A 规范的一个简单的浏览器端实现

简单的实现了一个promise 的规范,留着接下来模块使用.感觉还有很多能优化的地方,有时间看看源码,或者其他大神的代码 主要是Then 函数.回调有点绕人. !(function(win) { function Task(resolver) { if (!resolver || (typeof resolver).toUpperCase() != 'FUNCTION') { throw 'task arg is function,and is must'; return; } if (!(th…

给你一个承诺 - 玩转 AngularJS 的 Promise（转）

在谈论Promise之前我们要了解一下一些额外的知识:我们知道JavaScript语言的执行环境是“单线程”,所谓单线程,就是一次只能够执行一个任务,如果有多个任务的话就要排队,前面一个任务完成后才可以继续下一个任务. 这种“单线程”的好处就是实现起来比较简单,容易操作:坏处就是容易造成阻塞,因为队列中如果有一个任务耗时比较长,那么后面的任务都无法快速执行,或导致页面卡在某个状态上,给用户的体验很差. 当然JavaScript提供了“异步模式”去解决上述的问题,关于“异步模式”JavaScrip…

彻底理解Promise对象——用es5语法实现一个自己的Promise(上篇)

本文同步自我的个人博客: http://mly-zju.github.io/ 众所周知javascript语言的一大特色就是异步,这既是它的优点,同时在某些情况下也带来了一些的问题.最大的问题之一,就是异步操作过多的时候,代码内会充斥着众多回调函数,乃至形成回调金字塔.为了解决回调函数带来的问题,Promise作为一种更优雅的异步解决方案被提出,最初只是一种实现接口规范,而到了es6,则是在语言层面就原生支持了Promise对象. 最初接触Promise的时候,我觉得它是比较抽象并且令人困惑的,…

实现一个自己的promise

这是小弟的一篇开篇小作,如有不当之处,请各位道友批评指正.本文将探讨Promise的实现. 一.ES6中的Promise 1.简介 据说js很早就实现了Promise,我是不知道的,我第一次接触Promise就是在ES6中.Promise就是规定在未来达到某个状态时应该采取某种行动,而这种未来的状态是不确定的.阮一峰说Promise对象用来传递异步消息,代表了某个未来才会知道结果的事件,并为这个事件提供统一的API,供进一步处理. Promise和事件有本质区别:Promise是用一次就扔,而事…

如何在外部终止一个pengding的promise对象

今天在整理前段时间做过的项目,发现之前在集成web环信的时候遇到过一个奇怪的需求:需要终止一个正在进行等待返回的promise,或者阻止其调用resolve和reject.(具体为何会有这种需求我也不太记得了... 现在回头看,一定会有其他的常规解决方案). 不过本着对未知牛角尖的专研精神(最近有点闲),在咨询知乎大神,重读阮大神的<es6入门>书中promise一章后, 找到了一个原生js的解决方案:Promise.race. <!DOCTYPE html> <html&g…