前言Promise是JavaScript异步操作解决方案，最近看到项目里不少人用了Promise 的库类，比如 bluebird、q 、jQuery.Deffered 等 polyfill promise 方式，使用的时候翻看长长的文档，真心累觉不爱。es5 发展到现在，node 在0.12版本就已经支持了promise， 在客户端，大部分浏览器也支持了Promise， 如果要兼容低版本的浏览器，可以加上es5-shim等 polyfill promise。下面话不多说，来一起看看详细的介绍： 用法Promise 常用场景。 处...
背景 其实这个问题在之前的项目开发中就出现过，但是当初只解决问题了，并没有针对问题作总结；于是乎今天踩到了自己埋的坑，所以决定记录一下。那么到底是什么问题呢？就是“在安卓低版本，如果你在vue项目中使用了vue-resource（vue-resource是什么？它是一个具有ajax功能的第三方npm包），那么http请求和响应都是正常的，但是，注意，但是来了啊！！但是响应进不去promise回调”，下面我们来具体看一下 正题 一、Vue Resource如...
去年6月份， ES2015正式发布（也就是ES6，ES6是它的乳名），其中Promise被列为正式规范。作为ES6中最重要的特性之 一，我们有必要掌握并理解透彻。本文将由浅到深，讲解Promise的基本概念与使用方法。 ES6 Promise 先拉出来遛遛 复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么玩意呢？是一个类？对象？数组？函数？ 别猜了，直接打印出来看看吧，console.dir(Promise)，就...
举例写文章详情页面的时候的一个场景：首先更改文章详情中的 PV，然后读取文章详情，然后根据文章详情中文章 Id 查阅该文章评论和该文章作者信息。获取全部数据之后渲染文章详情页。数据库操作都是异步的，最直接想到的办法就是一层一层的回调函数，问题出来了：十分不雅观，要是层再多一点还会有更多麻烦。怎么解决？业内为了处理异步操作问题也是拼了，什么async，q，bluebird，co，处理方式不同，各有千秋，感兴趣可以了解一下，...
Promise是ES6中的函数，规范了如何处理异步任务的回调函数，功能类似于jQuery的defferred。简单说就是通过promise对象的不同状态调用不同的回调函数。目前IE8及以下不支持，其他浏览器都支持。 promise对象的状态，从Pending转换为Resolved或Rejected之后，这个promise对象的状态就不会再发生任何变化。 使用步骤： var promise = new Promise(function(resolve, reject) {// 异步任务，通过调用resolve(value) 或 reject(error)，...
介绍 所谓Promise，简单来说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。 缺少场景支撑，对于新手而言，很难理解Promise的意义。 在《你不知道的JavaScript中》有个场景介绍得很形象： 我走到快餐店的柜台，点了一个芝士汉堡。我交给收银员1.47美元。通过下订单并付款，我已经发出了一个对某个值（就是那个汉堡）的请求。我已经启 动了一次交易。但是，通常我不能马上就得到这个汉堡。收银员会交...
阅读目录 什么是PrmoisePromise的使用最近在看《你不知道的javascript中卷》，发觉作者花了基本一半的篇幅去讲异步和promise，觉得有必要总结一下。 其实本文的目的是想手写一个Promise的，无奈总结着总结着发觉篇幅有点长，因此只好一分为二，先介绍promise的用法，知道怎么用，我们才知道怎么写，所以把手写一个promise的任务放到了下一篇文章当中。 当然，网上有很多关于promise的文章，都可以参考参考，有误之处，欢迎之处。 什...
前言 一个 Promise 对象可以理解为一次将要执行的操作（常常被用于异步操作），使用了 Promise 对象之后可以用一种链式调用的方式来组织代码，让代码更加直观。而且由于 Promise.all 这样的方法存在，可以让同时执行多个操作变得简单。 Promise的兴起，是因为异步方法调用中，往往会出现回调函数一环扣一环的情况。这种情况导致了回调金字塔问题的出现。不仅代码写起来费劲又不美观，而且问题复杂的时候，阅读代码的人也难以理解。...
同步编程通常来说易于调试和维护，然而，异步编程通常能获得更好的性能和更大的灵活性。异步的最大特点是无需等待。“Promises”渐渐成为JavaScript里最重要的一部分，大量的新API都开始promise原理实现。下面让我们看一下什么是promise，以及它的API和用法！ Promises现状 XMLHttpRequest API是异步的，但它没有使用promise API。但有很多原生的 javascript API 使用了promise： *Battery API *fetch API (XHR的替代品) *ServiceW...
解决回调函数嵌套太深，并行逻辑必须串行执行,一个Promise代表一个异步操作的最终结果，跟Promise交互的主要方式是通过他的then()方法来注册回调函数，去接收Promise的最终结果值 Promise相关的协议有PromiseA和PromiseA+ 定义一个类Promise 定义属性队列queue，初始化空数组[] 定义属性值value，初始化null 定义属性状态status，初始化“pending”（默认值） 定义成员方法getQueue()，返回属性queue 定义成员方法getStatus()，返回...
前言 第一次接触到Promise这个东西，是2012年微软发布Windows8操作系统后抱着作死好奇的心态研究用html5写Metro应用的时候。当时配合html5提供的WinJS库里面的异步接口全都是Promise形式，这对那时候刚刚毕业一点javascript基础都没有的我而言简直就是天书。我当时想的是，微软又在脑洞大开的瞎捣鼓了。 结果没想到，到了2015年，Promise居然写进ES6标准里面了。而且一项调查显示，js程序员们用这玩意用的还挺high。 讽刺的是，作为...
你可能已经无意中听说过 Promises，很多人都在讨论它，使用它，但你不知道为什么它们如此特别。难道你不能使用回调么？有什么了特别的？在本文中，我们一起来看看 Promises 是什么以及如何使用它们写出更优雅的 JavaScript 代码。 Promises 易于阅读 比如说我们想从 HipsterJesus 的API中抓取一些数据并将这些数据添加到我们的页面中。这些 API 的响应数据形式如下：{ "text": "<p>Lorem ipsum...</p>", "params": { "paras": 4, "...
新的标准里增加了原生的Promise。 这里只讨论链式使用的情况，思考一下其中的细节部分。 一，关于 then() 和 catch() 的复习 then() 和 catch() 的参数里可以放置 callback 函数用来接收一个 Promise的最终结果。 then() 可以接收一个参数，那么这个 callback 只会在 Promise resolve() 的时候被调用。 then() 还可以接收第二个参数，那么第二个 callback 用来处理 Promise reject() 的情况。 catch() 专门处理 Promise reject() 的...
Javascript的特点是异步，Javascript不能等待，如果你实现某件需要等待的事情，你不能停在那里一直等待结果回来，相反，底线是使用回调callback：你定义一个函数，这个函数只有等到结果可用时才能被调用。 这种回调模型对于好的代码组织是没有问题的，但是也可以通过从原始回调切换到promise解决很多问题，将promise看成是一个标准的数据容器，这样会简化你的代码组织，可以成为基于promise的架构。 什么是Promise? 一个promise是一...
一、前言 为了让前端们从回调的地狱中回到天堂， jQuery 也引入了 Promise 的概念。 Promise 是一种令代码异步行为更加优雅的抽象，有了它，我们就可以像写同步代码一样去写异步代码。 jQuery 从1.5版本开始实现了 CommonJS Promise/A 规范这一重量级方案，不过没有严格按照规范进行实现，有一些API上的差异。 好，让我们来看看他们的特性吧（ 本文示例基于jquery 1.8版本以上 ）。 二、示例 以前写动画时，我们通常是这么干的： $...