决战前端设计模式——代理篇

カさま

于 2020-05-08 00:16:59 发布

阅读量244

点赞数 1

分类专栏：设计模式文章标签：前端设计模式 js javascript

本文链接：https://blog.csdn.net/TM_Godspeed/article/details/105984487

版权

本文探讨了代理模式在前端开发中的作用，包括限制或增强原对象功能、对象包装与劫持，特别是在MVVM中的应用。通过代理原理的阐述，解释了如何实现对象的包装，以增强函数功能，例如缓存函数的实现。同时，文章通过模拟双向数据绑定展示了数据劫持在MVVM框架中的实践。

摘要由CSDN通过智能技术生成

代理有什么作用

在使用某对象时多加条件限制，比如说需要达成什么条件才能使用某对象里的方法，这样可以在不修改原对象的前提下限制或增加原对象的功能
包装某一函数，丰富其功能
对象劫持 ( MVVM）

代理原理

这里拿 JOJO 这部番举例。。
JOJO里有一种人叫替身使者，他们能将精神力具化成替身使者。这里我们将替身这一类理解成被代理对象，替身使者理解成代理对象；

// 定义替身
function Stand(name){
   
  this.name = name;
}
Stand.prototype = {
   
  motto: function (motto) {
   
    console.log(motto);
  },
  attack: function (words) {
   
    console.log(words);
  },
  silverBullet: function (sb) {
   
    console.log(sb);
  }
}

// 定义替身使者 (代理)
function Stander(name) {
   
  this.stander = new Stand(name);
}
Stander.prototype = {
   
  motto: function (motto) {
   
    return this.stander.motto(motto);
  },
  attack: function (words) {
   
    return this.stander.attack(words);
  },
  silverBullet: