js设计模式--结构型--代理模式

　　结构性：代理模式

　　代理模式：在某些情况下，出于某种限制，一个对象不能直接访问另一个对象，需求通过第三者(代理)牵线搭桥从而达到访问的目的。

　　在ES6中，提供专门以代理角色出现的代理器 --- Proxy。

　　假设一个场景，有一个介绍所，我们用代理模式模拟一下。

/**
 * 代理模式  保护代理
 * @param {obj} 目标对象
 * @param {handler} 对象，定义代理行为，当我们通过proxy访问目标时，handler会进行拦截，handler就是第三方
 */
const proxy = new Proxy(obj, handler);

// 女生信息
const girl = {
  name: "西施",
  about: "我是西施",
  age: "18",
  career: "teacher",
  avatar: "头像",
  phone: "12455",
  presents: [], // 礼物数组
  bottomValue: 50, // 拒收50块以下的礼物
  lastPresent: present, // 记录最近一次收到的礼物
};
// 信息可以分为 普通信息和私密信息
const baseInfo = ["age", "name"];
const privateFInfo = ["avatar", "phone"];

// 规定礼物的数据结构由type和value组成
const present = {
  type: "巧克力",
  value: 60,
};

//男生信息
const user = {
  // 省略 基础信息同上
  isValidated: true, // 是否实名认证
  isVIP: false,
};

// 介绍所
const lovers = new Proxy(girl, {
  get: function (girl, key) {
    if (baseInfo.indexOf(key) !== -1 && !user.isValidated) {
      alert("您还没有完成验证哦");
      return;
    }
    // 此处我们认为只有验证过的用户才可以购买VIP
    if (user.isValidated && privateInfo.indexOf(key) && !user.isVIP) {
      alert("只有VIP才可以查看该信息哦");
      return;
    }
  },
  set: function (girl, key, val) {
    // 给 lastPresent 字段赋值
    if (key === "lastPresent") {
      if (val.value < girl.bottomValue) {
        alert("sorry，您的礼物被拒收了");
        return;
      }
      // 如果没有拒收，则赋值成功，同时并入presents数组
      girl.lastPresent = val;
      girl.presents = [...girl.presents, val];
    }
  },
});

　　这是代理模式中的 保护代理。所谓的保护代理，就是在访问层做限制，在 getter 和 setter 函数中进行来拦截验证。