代理模式

• 针对一个对象，设置代理，控制这个对象的访问
• 用户不得直接访问对象，而要通过代理

生活中的例子，房产中介，明星经纪人

概念介绍，解决的问题

UML 类图

代码

应用场景

DOM 事件代理（委托）

事件绑定到容器上，而非目标节点，利用的是事件冒泡机制

适合目标较多或数量不确定（如无限加载的瀑布流图片列表）

Webpack devServer proxy

• 开发环境。前端请求服务端 API
• 代理到本地服务器，或者 mock 接口
• 正向代理

Nginx 反向代理

外部（通常是前端）全部从一个固定的端口访问后端，Nginx 通过参数判断来决定代理到哪一个端口进行服务响应

Proxy 语法

明星

Proxy 的使用

Proxy 可能的坑

捕获器不变式

不能改变一些不可配置，只读的属性，比如说通过 defineProperty 定义的

this 经过代理之后，this 指向会改变，因为 this 是在执行的时候才确定的