关键词：
有时候，我们希望批量执行一组异步任务，但是不是并行，而是依次执行，这组任务是动态的，在一个数组里，当然我们可以用 for 循环然后一个一个 await 执行，但是还有另外一种方式：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
async function taskReducer(promise, action){
let res = await promise;
return action(res);
}
function sleep(ms){
return new Promise(resolve => setTimeout(resolve, ms));
}
async function asyncTask(i){
await sleep(500);
console.log(`task ${i} done`);
return ++i;
}
[asyncTask, asyncTask, asyncTask].reduce(taskReducer, 0);
|
在上面的例子里，我们定义了一个 taskReducer：
|
1
2
3
4
|
async function taskReducer(promise, action){
let res = await promise;
return action(res);
}
|
这个 reducer 的两个参数是 promise 和 action，promise 是代表当前任务的 promise，而 action 是下一个要执行的任务。我们可以 await 当前 promise 执行当前任务，然后将执行结果传给下一个 action 就可以了。
这样我们可以调用：
|
1
|
[task1, task2, task3, ...].reduce(taskReducer, init);
|
不管这些任务是同步还是异步都可以被依次执行。需要注意的是，每一个任务的返回值将是下一个任务的输入 promise 或者 value。
generator 与 async/await 一同使用
将上面的代码进一步扩展，我们发现，它可以支持 generator 与 async/await 一同使用：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
async function reducer(promise, action){
let res = await promise;
return action(res);
}
function tick(i){
console.log(i);
return new Promise(resolve => setTimeout(()=>resolve(++i), 1000));
}
function continuous(...functors){
return async function(input){
return await functors.reduce(reducer, input)
}
}
function * timing(count = 5){
for(let i = 0; i yield tick;
}
}
continuous(...timing(10))(0);
|
在上面的例子里，我们定义了一个计时 tick 函数，我们通过 timing 来连续调用它，而 timing 是一个 generator，计时器显然是异步函数，然而我们可以：
|
1
|
continuous(...timing(10))(0);
|
而这里的 continuous 其实就是前面的 reduce 的封装。
使用 Proxy 实现 PHP 中的常用“魔术方法”
PHP 中有 __get 、 __set 和 __call 三个强大的魔术方法，可以实现对不存在的属性的读写和方法调用。在新的 ES 标准中添加了 Proxy 类，它可以构造 Proxy 对象，用来“重载”对象的属性和方法读写，从而实现类似于 PHP 的魔术方法：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
|
function Magical(Class){
return function(...args){
return new Proxy(new Class(...args), {
get: function(target, key, receiver) {
if(typeof target[key] !== ‘undefined‘){
return target[key];
}
if (typeof target.__get === ‘function‘){
return target.__get(key);
} else if (typeof target.__call === ‘function‘) {
return function(...args){
target.__call.apply(this, [key, ...args]);
};
}
},
set: function(target, key, value, receiver){
if(typeof target[key] !== ‘undefined‘){
target[key] = value;
return;
}
if (typeof target.__set === ‘function‘){
target.__set(key, value);
return;
}
}
});
}
}
class Foo{
__set(key, value){
this[key] = value * 2;
}
__get(key){
return this.b;
}
__call(key, ...args){
console.log(`call method ${key} with ${args}`);
}
b(...args){
console.log(`b exists: ${args}`);
}
}
Foo = Magical(Foo);
var f = new Foo();
f.b(1,2,3);
f.a(4,5,6);
f.c = 3;
console.log(f.c);
|
上面的例子里，我们在对象构造的时候，分别“代理”对象实例的属性 get 和 set 方法，如果对象上已存在某个属性或方法，代理直接返回或操作该属性。否则，判断对象上是否有 __get、__set 或者 __call 方法，有的话，做相应的处理。
这里我们使用装饰器模式，定义了一个 Magical 装饰器函数，让它来处理希望使用 Magical 的类。
等到 ES Decorators 标准化了之后，我们就可以使用更加优雅的写法了：
|
1
2
3
4
5
6
|
@magical
class Foo {
__call(key, ...args){
...
}
}
有时候，我们希望批量执行一组异步任务，但是不是并行，而是依次执行，这组任务是动态的，在一个数组里，当然我们可以用 for 循环然后一个一个 await 执行，但是还有另外一种方式：
在上面的例子里，我们定义了一个 taskReducer：
这个 reducer 的两个参数是 promise 和 action，promise 是代表当前任务的 promise，而 action 是下一个要执行的任务。我们可以 await 当前 promise 执行当前任务，然后将执行结果传给下一个 action 就可以了。 这样我们可以调用：
不管这些任务是同步还是异步都可以被依次执行。需要注意的是，每一个任务的返回值将是下一个任务的输入 promise 或者 value。 generator 与 async/await 一同使用将上面的代码进一步扩展，我们发现，它可以支持 generator 与 async/await 一同使用：
在上面的例子里，我们定义了一个计时 tick 函数，我们通过 timing 来连续调用它，而 timing 是一个 generator，计时器显然是异步函数，然而我们可以：
而这里的 continuous 其实就是前面的 reduce 的封装。 使用 Proxy 实现 PHP 中的常用“魔术方法”PHP 中有 __get 、 __set 和 __call 三个强大的魔术方法，可以实现对不存在的属性的读写和方法调用。在新的 ES 标准中添加了 Proxy 类，它可以构造 Proxy 对象，用来“重载”对象的属性和方法读写，从而实现类似于 PHP 的魔术方法：
上面的例子里，我们在对象构造的时候，分别“代理”对象实例的属性 get 和 set 方法，如果对象上已存在某个属性或方法，代理直接返回或操作该属性。否则，判断对象上是否有 __get、__set 或者 __call 方法，有的话，做相应的处理。 这里我们使用装饰器模式，定义了一个 Magical 装饰器函数，让它来处理希望使用 Magical 的类。 等到 ES Decorators 标准化了之后，我们就可以使用更加优雅的写法了：
本文源于 www.71key.com |
什么是高热度网(gaoredu.com)？高热度网站都有哪些功能？
...技产品、新闻、资讯、实事、快报，让你一手掌握科技圈最新、最有热度的那些事儿！黑科技百科业界各种最新的黑科技、逆天科技、火星科技、硬科技等各种有意思的科技技术名词词库，是一本可以和百度百科相媲美的百科全... 查看详情
这些javascript编程黑科技，装逼指南，高逼格代码，让你惊叹不已
【转】这些JavaScript编程黑科技，装逼指南，高逼格代码，让你惊叹不已Javascript是一门很吊的语言，我可能学了假的JavaScript，哈哈，大家还有什么推荐的本文秉承着：你看不懂是你SB，我写的代码就要牛逼。1、单行写一个评级组... 查看详情
xcode最新调试技术-2018wwdcsession,黑科技，必备
https://juejin.im/post/5b1cd870e51d4506dc0ac76c 查看详情
xcode最新调试技术-2018wwdcsession,黑科技，必备
https://juejin.im/post/5b1cd870e51d4506dc0ac76c 查看详情
直击ces2019带你围观思岚科技那些“亮眼”展品
...早一批面向消费级应用领域的低成本、高性价比雷达。而最新一代增强版RPLIDARA3可实现每秒高达16000次的采样频率，在二维平面的25米半径范围内可进行360度全方位的激光测距扫描，并产生所在空间的平面点云地图信息。这些云... 查看详情
黑科技小代码
一.神奇的JS代码在地址栏中输入任意网站，然后用javascript:{document.body.contentEditable=‘true‘;document.designMode=‘on‘;void0}替换地址栏中域名，回车就可以在IE中重新布局当前网站。 找一个有图片的网站，用 javascript:R=0;x1=.1;y1=... 查看详情
c#的三大特性
每个新手基本上都知道C#的三大特性，但是今天我给自己总结了一下这三大特性1.封装 被定义为"把一个或多个项目封闭在一个物理的或者逻辑的包中"。在面向对象程序设计方法论中，封装是为了防止对实现细节的访问。抽象... 查看详情
javascript--对象的特性
对象具有三大特性：封装，继承，多态一、封装 1.函数的封装是为了函数的安全性，将对象进行包装，通过有限的接口衍化不同的对象 2.工厂函数封装 工厂函数是设计模型中的一种说法，不是通过类实例化... 查看详情
java中的三大特性
我们都知道Java中有三大特性，那就是继承，封装和多态。那我今天我就来说说这几个特性。老样子，先问问自己为什么会存在这些特性。首先说封装，封装就是使用权限修饰符来实现对属性的隐藏，同时提供一些共有的get/set方... 查看详情
java中的三大特性
java中的三(四)大特性：继承、封装、多态、(抽象)类与类之间的关系：is-a 继承、实现继承的表现:使用extends继承父类实现的表现:使用importance实现接口has-a &nb... 查看详情
oc学习6——面相对象的三大特性
我们在学习Java的时候都知道，类有三大特性：继承，封装，多态，这也是面向对象的三大特征。OC学习篇之---类的三大特性(封装，继承，多态)1、封装（Encapsulation）是指将对象的状态信息隐藏在对象内部，不允许外部程序... 查看详情
java三大特性之---多态
面向对象编程有三大特性：封装、继承、多态。封装隐藏了类的内部实现机制，可以在不影响使用的情况下改变类的内部结构，同时也保护了数据。对外界而言它的内部细节是隐藏的，暴露给外界的只是它的访问方法。继承是为... 查看详情
超级黑科技代码！python打造电脑人脸屏幕解锁神器附带接头暗号(代码片段)
...识别有很多种方法可以实现，依赖于python胶水语言的特性，我们通过调用包可以快速准确的达成这一目的。这里介绍的是准确性比较高的一种。私信小编01即可 查看详情
科普达人丨漫画图解sgx加密计算黑科技
运行态的数据也可以被加密，实现数据可用不可见。运行态的数据也可以被加密，实现数据可用不可见。 查看详情
理解java的三大特性之多态
面向对象编程有三大特性：封装、继承、多态。 封装隐藏了类的内部实现机制，可以在不影响使用的情况下改变类的内部结构，同时也保护了数据。对外界而已它的内部细节是隐藏的，暴露给外界的只是它... 查看详情
java三大特性
Java有三大特性，封装、继承、多态，但是一般人就是理解不了这三大特性我这里就先分享一下我的经验吧1、封装：该公开的公开，该私有的私有类的属性就属私有，类的属性一般私有；类的方法：该公开的公开，该私有的私有... 查看详情
golang-面向对象编程三大特性-多态
Golang-面向对象编程三大特性-多态基本介绍 变量(实例)具有多种形态。面向对象的第三大特征，在Go语言，多态特征是通过接口实现的。可以按照统一的接口来调用不同的实现。这时接口变量就呈现不同的形态。快速入门 ... 查看详情
面向对象的三大特性
面向对象的三大特性：封装、继承、多态。 封装： 理解：把客观的事物封装成抽象的类，类可以把自己的属性和方法提供给可信任的类或对象操作，对不可信任的类或对象进行隐藏；每个封装类或对象都包含它能进... 查看详情