装饰器模式

 1 function slow(x) {
 2   // 这里可能会有重负载的 CPU 密集型工作
 3   alert(`Called with ${x}`);
 4   return x;
 5 }
 6 
 7 function cachingDecorator(func) {
 8   let cache = new Map();
 9 
10   return function(x) {
11     if (cache.has(x)) {    // 如果缓存中有对应的结果
12       return cache.get(x); // 从缓存中读取结果
13     }
14 
15     let result = func(x);  // 否则就调用 func
16 
17     cache.set(x, result);  // 然后将结果缓存(记住)下来
18     return result;
19   };
20 }
21 
22 slow = cachingDecorator(slow);
23 
24 alert( slow(1) ); // slow(1) 被缓存下来了
25 alert( "Again: " + slow(1) ); // 一样的
26 
27 alert( slow(2) ); // slow(2) 被缓存下来了
28 alert( "Again: " + slow(2) ); // 和前面一行结果相同

slow函数:显示一条信息并返回一个数字x

装饰器函数接收一个函数作为参数

定义一个Map对象cache

cache.has(x)     x是键,如果存在返回true

cache.get(x)      通过键返回值

func(x)               表面上是“作为形参的函数”被调用了,实际上就是实参函数被调用了,这里传入的是slow,slow函数显示一条信息并返回x,用一个变量result将slow函数返回的x接收住。

 

posted @ 2020-12-17 19:05  呈心者  阅读(52)  评论(0编辑  收藏  举报