Promise学习笔记——co.js
来源:互联网 发布:python画热点图 编辑:程序博客网 时间:2024/05/20 12:47
大神的自我修养 co.js 的学习
最近在项目过程中涉及大量异步流程处理,其中有使用各种流程控制库,大家用的最多的 async
,号称promise性能超原生的 bluebird
,还有tj大神的co.js
等。可以说是相当多了,于是空暇期间来整理一下promise的学习。
今天来看的就是TJ大神的非常精炼的 co.js 。
具体的介绍就不多说了。要注意的一点就是,co@4.0之前返回的是一个trunk
函数,现在co@4.0支持promise,现在co()会返回一个promise。
先看用法
yieldable支持
co最方便的操作也就是yield的支持,现在支持yield的对象有:
- promises
- thunks (functions)
- array (parallel execution)
- objects (parallel execution)
- generators (delegation)
- generator functions (delegation)
下文在源码里有体现。
一个官网的小例子
var co = require('co');co(function *(){ // 执行promise var result = yield Promise.resolve(true);}).catch(onerror);co(function *(){ // 并行执行多个promise var a = Promise.resolve(1); var b = Promise.resolve(2); var c = Promise.resolve(3); var res = yield [a, b, c]; console.log(res); // => [1, 2, 3]}).catch(onerror);// 错误捕捉co(function *(){ try { yield Promise.reject(new Error('boom')); } catch (err) { console.error(err.message); // "boom" }}).catch(onerror);function onerror(err) { console.error(err.stack);}// 将一个generator函数转换成返回一个promise函数的方法var fn = co.wrap(function* (val) { return yield Promise.resolve(val);});fn(true).then(function (val) {});
看源码
wrap 函数的实现
大神写的代码就是十分的精炼,wrap 函数的实现也只是7行代码而已。
其实有两点需要注意的,就是:
- 没有写在原型链上而是作为一个私有方法是为了避免每次执行
co()
的时候生成一个新的wrap方法,这个方法显然没必要。 - 关键在于返回了一个
co()
,因为co()
会 return 一个 promise,即生成一个新的promise。同时利用 call 和 apply 改变了 this 的指向,指向co
。
并行多个promise
其实 co 方法的主体不用细看,基本就是按照 es6 promise 的一种重写。这里需要注意的一点就是并行支持promise。即,当 yield 一个 object 或者 array 的时候,并行执行多个 promise。
一开始当我听到并行的时候,是有点懵的,但看到源码的时候发现没有想得那么复杂,其实就是 promise 的原生方法的功劳:promise.all(),可以往下看。。。
这里的 toPromise()
是在 next 方法的实现中执行的,关键的代码就两句:
var value = toPromise.call(ctx, ret.value);if (value && isPromise(value)) return value.then(onFulfilled, onRejected);
然后,就是 arrayToPromise
和 objectToPromise
两个方法的实现:
就是这么简单……
庐山真面目,真正的源码
var slice = Array.prototype.slice;module.exports = co['default'] = co.co = co;co.wrap = function (fn) { createPromise.__generatorFunction__ = fn; return createPromise; function createPromise() { return co.call(this, fn.apply(this, arguments)); }};function co(gen) { var ctx = this; var args = slice.call(arguments, 1); return new Promise(function(resolve, reject) { if (typeof gen === 'function') gen = gen.apply(ctx, args); if (!gen || typeof gen.next !== 'function') return resolve(gen); onFulfilled(); function onFulfilled(res) { var ret; try { ret = gen.next(res); } catch (e) { return reject(e); } next(ret); return null; } function onRejected(err) { var ret; try { ret = gen.throw(err); } catch (e) { return reject(e); } next(ret); } function next(ret) { if (ret.done) return resolve(ret.value); var value = toPromise.call(ctx, ret.value); if (value && isPromise(value)) return value.then(onFulfilled, onRejected); return onRejected(new TypeError('You may only yield a function, promise, generator, array, or object, ' + 'but the following object was passed: "' + String(ret.value) + '"')); } });}function toPromise(obj) { if (!obj) return obj; if (isPromise(obj)) return obj; if (isGeneratorFunction(obj) || isGenerator(obj)) return co.call(this, obj); if ('function' == typeof obj) return thunkToPromise.call(this, obj); if (Array.isArray(obj)) return arrayToPromise.call(this, obj); if (isObject(obj)) return objectToPromise.call(this, obj); return obj;}function thunkToPromise(fn) { var ctx = this; return new Promise(function (resolve, reject) { fn.call(ctx, function (err, res) { if (err) return reject(err); if (arguments.length > 2) res = slice.call(arguments, 1); resolve(res); }); });}function arrayToPromise(obj) { return Promise.all(obj.map(toPromise, this));}function objectToPromise(obj){ var results = new obj.constructor(); var keys = Object.keys(obj); var promises = []; for (var i = 0; i < keys.length; i++) { var key = keys[i]; var promise = toPromise.call(this, obj[key]); if (promise && isPromise(promise)) defer(promise, key); else results[key] = obj[key]; } return Promise.all(promises).then(function () { return results; }); function defer(promise, key) { // predefine the key in the result results[key] = undefined; promises.push(promise.then(function (res) { results[key] = res; })); }}function isPromise(obj) { return 'function' == typeof obj.then;}function isGenerator(obj) { return 'function' == typeof obj.next && 'function' == typeof obj.throw;}function isGeneratorFunction(obj) { var constructor = obj.constructor; if (!constructor) return false; if ('GeneratorFunction' === constructor.name || 'GeneratorFunction' === constructor.displayName) return true; return isGenerator(constructor.prototype);}function isObject(val) { return Object == val.constructor;}
阅读全文
0 0
- Promise学习笔记——co.js
- ECMAScript6学习笔记——promise对象
- JS——promise
- js promise实现笔记
- js Promise学习
- 11、异步操作之Promise—ES6学习笔记
- 浅谈JS异步编程——Promise
- es6 标准 Promise 学习笔记
- Promise/commonJS/AMD学习笔记
- es6学习笔记之Promise
- Promise学习笔记(一)
- ES6 Promise对象学习笔记
- 学习笔记:ES6之Promise
- CDISC SDTM CO domain 学习笔记
- JS新手——十分好玩的promise初级
- JS Promise
- js promise
- promise.js
- 鸡尾酒排序算法(java)
- display属性和实例
- C语言_01_宏定义使用技巧
- 浮动与浮动清除
- (int *) 和 *(int **) 的不同使用条件
- Promise学习笔记——co.js
- QT串口编程的相关类(QSerialPortInfo)
- CSS教程之选择器
- java-简单的登录系统
- 常用排序算法之冒泡排序
- cmd -netsh wlan 命令的使用
- js实时获取并显示当前时间的方法
- Python入门与进阶的学习笔记之变量
- 【Android】ConstraintLayout实践