代理模式:
定义：
为一个对象提供一个代用品或占位符，以便控制对它的访问！
应用场景：
Proxy代理对象；
图片预加载，占位loading图片就是代理；

大白话解释（生活中的场景）：

明星往往拥有很多粉丝，也会接收到很多粉丝送的礼物；但是这些礼物一般都是通过 粉丝 ->  经纪人  ->  明星 这个流程才到达明星的手里；这里的经纪人就是明星的代理对象，有些无用或者恶作剧之类的礼物，可以直接在代理对象（经纪人）这一层直接拦截或者过滤掉；

 1 var fans = {
 2     flower() {
 3         agent.reception('花');
 7 var agent = {
 8     reception: function (gift) {
 9         console.log('粉丝送的:' + gift); // 粉丝送的：花
10         if (gift !== '花') {
11             star.reception('花');
12         }
13     }
14 }
16 var star = {
17     reception: function (gift) {
18         console.log('收到粉丝的：' + gift);
19     }
20 }
22 fans.flower();

策略模式:
定义：
定义一系列算法，并将这些算法各自封装成策略类（方法），然后将不变的部分和变化的部分分离开来，并且这些算法可以相互替换
应用场景：
主要用来消除或减少逻辑分支判断，避免冗长的if-else或switch分支判断

大白话解释（生活中的场景）：

政府事务办理中心，是近几年来提升居民、市民办事的一项策略调整；在政务中心没出现之前，市民办事都需要去对应的政府机关窗口分流办理相应手续；政务大厅的出现将公安、财务、劳动、税务、供电等多个部门事务办理手续集中到政务中心来办理，这样提高了各级机关单位的办事效率，减少了维护办事人群的秩序，也提升了市民的用户体验；市民只需要记住办理政务相关手续去政务大厅即可；

 1 /** 策略模式改造后*/
 2     var strategies  = {
 3         "S":function(salary){
 4             return salary*4
 5         },
 6         "A":function(salary){
 7             return salary*3;
 8         },
 9         "B":function(salary){
10             return salary*2
11         }
12     }
14     var calculateBonus =function(level,salary){
15         return strategies[level](salary);
16     } 
17     console.log(calculateBonus("S",14000));  //56000
18     console.log(calculateBonus("A",10000));  //30000
19     console.log(calculateBonus("B",5000));   //10000

单例模式
定义：
保证一个类仅有一个实例，并提供一个访问它的全局访问点。
应用场景：
弹窗组件;
加载某个script资源或者只能存在一个全局变量;
React状态管理工具Redux
大白话解释（生活中的场景）：

假设甲去当地派出所办理身份证相关手续，这时公安机关会对甲的身份进行验证查询，如果甲已经有过身份登记信息，就直接办理挂失补办手续；否则走新增户籍人手续；一个合法公民不可能同时存在两张合法身份证件；