JavaScript脱口秀：初步理解代理模式-CSDN博客

本文链接：https://blog.csdn.net/qq_62012466/article/details/138976392

JavaScript脱口秀：代理模式让代码也懂“人情世故”

在这个充满数字与代码的后现代编程世界，JavaScript，这位万能的魔术师，以其独特的魅力和超凡的表达力，将一切不可能变为可能。今天，就让我们以一段温馨的送花故事为引，探寻JavaScript中的代理模式，看它如何巧妙地解决生活中的复杂问题。

🌟需求：夏宏的浪漫使命

故事的主角是夏宏，一位充满浪漫细胞的程序员。他的心中有一个美好的愿望——向心仪的小美送上代表爱意的鲜花。在JavaScript的世界里，夏宏和小美都是对象字面量，他们的关系被一组属性和方法所定义。

面向对象的法律告诉我们，对象是由属性和方法构成的。但在现实世界中，业务往往没有那么简单。我们需要面向接口编程，让世界更加有序。

🌹代理模式：小丽的巧妙介入

然而，爱情的道路从来不是一帆风顺的。小美因为某些原因无法直接接受夏宏的花。这时，我们的一位神秘人物——小丽，登场了。她不仅是夏宏的老乡，还和小美有着同样的接口——receiveFlower方法。小丽的出现，为我们展示了代理模式的巧妙运用。

代理模式是一种设计模式，它允许我们通过一个代理对象来控制对原始对象的访问。在这个故事中，小丽就是那个代理对象，她代替小美接收了夏宏的鲜花。

🎭情商变码商：需求变代码

现在，让我们把情商变成码商，将这个温馨的需求转化为代码。在JavaScript中，我们可以这样实现：

javascript

复制

// 小美对象
const xiaomei = {
  receiveFlower: function(flower) {
    console.log("小美收到了花：" + flower);
  }
};

// 小丽对象，实现同样的接口
const xiaoli = {
  receiveFlower: function(flower) {
    xiaomei.receiveFlower(flower);
  }
};

// 夏宏送花
const xiahong = {
  sendFlower: function(flower, receiver) {
    receiver.receiveFlower(flower);
  }
};

// 夏宏通过小丽送花给小美
xiahong.sendFlower("玫瑰", xiaoli);

通过这段代码，我们看到了代理模式的实际应用。小丽作为小美的代理，间接地帮助夏宏完成了他的浪漫使命。在这个过程中，我们不是在写语法，而是在写代码——有情感、有逻辑、有智慧的代码。