promise能实现异步的原理是什么

2024-08-30

promise异步编程的原理

一.起源 JavaScript中的异步由来已久,不论是定时函数,事件处理函数还是ajax异步加载都是异步编程的一种形式,我们现在以nodejs中异步读取文件为例来编写一个传统意义的异步函数: var fs = require('fs'); function readJSON(filename,callback){ fs.readFile(filename,'utf8',function(err,res){ if(err){ return callback(err,null); } try{ va

异步编程之Promise(2)：探究原理

异步编程系列教程: (翻译)异步编程之Promise(1)--初见魅力异步编程之Promise(2):探究原理异步编程之Promise(3):拓展进阶异步编程之Generator(1)--领略魅力异步编程之Generator(2)--剖析特性异步编程之co--源码分析动手实现Promise 在异步编程之Promise(1)里,我是翻译了一篇文章,里面是探究promise的模式和领略它的魅力.我们可以利用promise,缓解回调函数给我们带来的回调金字塔.使用链式结构书写,使代码更加简

模拟ES6中的Promise实现，让原理一目了然

简介 Promise 对象用于延迟(deferred) 计算和异步(asynchronous )计算.一个Promise对象代表着一个还未完成,但预期将来会完成的操作.Promise 对象是一个返回值的代理,这个返回值在promise对象创建时未必已知.它允许你为异步操作的成功或失败指定处理方法. 这使得异步方法可以像同步方法那样返回值:异步方法会返回一个包含了原返回值的 promise 对象来替代原返回值. 解决了什么问题及怎么使用 // 一个简单的示例执行一个动画A,执行完之后再去执行另一

Cesium原理篇：4Web Workers剖析

JavaScript是单线程的,又是异步的,而最新的HTML5中,通过Web Workers可以在JS中支持多线程开发.这是几个意思?异步还是单线程,这怎么理解?Web Workers又是什么原理?实际开发中,异步和多线程之间如何交互?答案就在下面.主要涉及的内容有: 为什么异步解决不了问题 Worker又是什么玩法 Cesium中的异步+多线程框架为什么异步解决不了问题简单说,JavaScript是单线程的,简单易用,但如果遇到时间较长的任务时,则容易出现卡死的现象,为了避免这种问题,我们

(翻译)异步编程之Promise(1)：初见魅力

原文:https://www.promisejs.org/ by Forbes Lindesay 异步编程系列教程: (翻译)异步编程之Promise(1)--初见魅力异步编程之Promise(2):探究原理异步编程之Promise(3):拓展进阶异步编程之Generator(1)--领略魅力异步编程之Generator(2)--剖析特性异步编程之co--源码分析 #动机思考一下,下面这段用来读取文件并解析JSON的Javascript同步代码.它很简单并且易于阅读,但是因为它会阻塞

Javascript异步编程之一异步原理

本系列的例子主要针对node.js环境,但浏览器端的原理应该也是类似的. 本人也是Javascript新手,把自己这段时间学习积累的要点总结下来,希望可以对同样在学习Javascript/node.js的同学有一些参考价值.尽量用通俗的语言帮助大家理解,如果有描述或理解不准确的地方欢迎大家指正,交流.另外本文假定你已经对javascript的语法和异步有一些基本的概念. 本系列会按一般学习异步编程的顺序,首先介绍一下异步的原理,然后介绍各种异步编程的方法,从回调函数开始,然后慢慢进入Prom

从源码角度实现一个自己的Promise

原文链接:https://geniuspeng.github.io/2017/12/14/my-promise/ 关于Promise的概念以及意义就不在这里介绍了,最近看到了一些实现Promise的核心思想,在这里整理一下.写这篇文章并不是为了实现一个自己的Promise,毕竟现在es6已经标准支持,而且还有一大堆的第三方Promise库,主要是为了从最底层的角度深入理解一下Promise的实现思路. 1.从状态机出发我们知道,Promise的作用在于包裹一个异步(或同步)操作,然后通过the

探究Promise的实现

最终答案在一个类库里,地址 https://github.com/yahoo/ypromise 这个类库也有问题,就是下面这道面试题在IE9里实现不一致,类库里还是用了setTimeout.去年尝试用setTimeout(,0)来实现Promise,见Promise的实现原理 ,最后以失败告终.今天前端leader在群里放了一组面试题,最后一题 setTimeout(function() { console.log(1) }, 0); new Promise(function executor(

ES6中的Promise使用总结

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

ES6的promise对象研究

ES6的promise对象研究什么叫promise? Promise对象可以理解为一次执行的异步操作,使用promise对象之后可以使用一种链式调用的方式来组织代码:让代码更加的直观. 那我们为什么要使用promise? 比如我们在工作中经常会碰到这么一个需求,比如我使用ajax发一个A请求后,成功后拿到数据,我们需要把数据传给B请求:那么我们需要如下编写代码: $.ajax({ url: '', dataType:'json', success: function(data) { // 获取

异步编程之Promise(3)：拓展进阶

异步编程系列教程: (翻译)异步编程之Promise(1)--初见魅力异步编程之Promise(2):探究原理异步编程之Promise(3):拓展进阶异步编程之Generator(1)--领略魅力异步编程之Generator(2)--剖析特性异步编程之co--源码分析拓展功能在前面的文章中,通过了解promise能做什么,实践动手从原理上了解promise/deferred模式的用法,相信大家应该更期待这次的功能拓展.我们不仅需要让单异步操作promise化,我们还需要从实际出发,

关于promise

后来发现promise是解决异步的一个链式调用的好的方法,避免了所谓的回调的监狱, 它有三个状态,未作为,已经完成和已经失败,起始是未作为,然后有了动作总会有个结果, 分成resolve,已经顺利ok和reject执行失败,promise传递参数就靠这两个状态,已经达成某个状态,那就不可能再是另外种状态了了!使用方法如我代码:写了好几遍了,实现方式一种是es6的原生的promise对象另外种方式是jquery的deferred对象.看代码了: <!DOCTYPE html> <htm

Javascript Promise 学习(上)

Promise 就是处理异步的一个规范方法 a();b();alert("a");如果a() 里面有一个ajax 或者settimeout 那么alert("a") 会先跑这就是异步了.从前我们用一堆callBack函数来解决问题,但是这样写不好看.promise 的写法美丽多了依据上面的例子a().then(b).then(function(){alert("");})这样它会先跑完 a -> b - > alert("&

【原】手写一个promise

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

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

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

面试 | 商汤科技面试经历之Promise红绿灯的实现

说在前面说实话,刚开始在听到这个面试题的实话,我是诧异的,红绿灯?这不是单片机.FPGA.F28335.PLC的实验吗?! 而且还要用Promise去写,当时我确实没思路,只好硬着头皮去写,下来再review的时候,才真正懂了Promise红绿灯的实现原理下来我就由浅至深的分析Promise红绿灯的实现原理下面我就不讲promise的原理和特点了,想具体看了解的可以看阮一峰老师的教程主要说下红绿灯用到promise最核心的一点就是 “promise实例的状态变为Resolved,就会触

Promise小书（长文）

promise基础 Promise是异步编程的一种解决方案.ES6 Promise的规范来源于Promises/A+社区,它有很多版本的实现. Promise比传统的解决方案(回调函数和事件)更合理和更强大,可以避免回调地狱.使用Promise来统一处理异步操作,更具语义化.易于理解.有利维护. Promise接口的基本思想是让异步操作返回一个Promise对象,我们可以对这个对象进行一些操作. 三种状态和两种变化途径 Promise对象只有三种状态. 异步操作"未完成",promis

webpack+babel+transform-runtime, IE下提示Promise未定义？

知识要求 babel的基础知识(推荐阮一峰的babel入门教程) 充分理解babel-plugin-transform-runtime与babel-runtime的作用(推荐github项目首页) webpack2基础用法(https://webpack.js.org/) webpack2中babel-loader作用,import异步加载问题说明 webpack+babel-loader+transform-runtime正常来讲应该能实现在没有原生支持Promise的浏览器(如IE)下正常

Promise和setTimeout执行顺序面试题

看到过下面这样一道题: (function test() { setTimeout(function() {console.log(4)}, 0); new Promise(function executor(resolve) { console.log(1); for( var i=0 ; i<10000 ; i++ ) { i == 9999 && resolve(); } console.log(2); }).then(function() { console.log(5);

浅谈ES6原生Promise

浅谈ES6原生Promise 转载作者:samchowgo 链接:https://segmentfault.com/a/1190000006708151 ES6标准出炉之前,一个幽灵,回调的幽灵,游荡在JavaScript世界. 正所谓: 世界本没有回调,写的人多了,也就有了})})})})}). Promise的兴起,是因为异步方法调用中,往往会出现回调函数一环扣一环的情况.这种情况导致了回调金字塔问题的出现.不仅代码写起来费劲又不美观,而且问题复杂的时候,阅读代码的人也难以理解. 举例如下

promise能实现异步的原理是什么

热门专题