用 JavaScript 深入理解面向对象与代理模式：路明非送花给绘梨衣的故事
在《龙族》的世界中，路明非是一位既普通又非凡的少年。尽管他时常感到迷茫和犹豫，但在某些关键时刻，他也会展现出勇敢的一面——比如为心爱的人送上一束花。今天，我们将通过 JavaScript 来模拟这个温馨的场景，探索面向对象编程（OOP） 和 代理模式（Proxy Pattern） 的应用。
🌟 JavaScript：弱类型脚本语言的魅力
JavaScript 是一门灵活、动态且无需预定义类型的脚本语言。它允许我们以非常直观的方式创建对象，并根据需要赋予它们属性和方法。
- 变量声明：
let name = '路明非'中的name变量会自动识别为字符串类型。 - 对象创建：只需使用
{}即可轻松创建一个对象实例。 - 运行环境：支持浏览器前端和 Node.js 后端运行，提供了极大的灵活性。
📦 面向对象基础：构建虚拟世界
在现实世界中，每个人都可以被视为拥有特定属性（如姓名、年龄）和行为（如说话、走路）的对象。同样地，在JavaScript中，我们可以将这些概念抽象成代码：
const lmf = {
name: '路明非',
age: 21,
school: '卡塞尔学院',
isSingle: true,
}
以上代码定义了一个名为“路明非”的对象，接下来我们将为其添加一些互动功能。
💕 实战案例：送花的故事
1. 定义角色对象
首先，我们需要定义两个主要角色：绘梨衣和她的哥哥源稚生。
// 绘梨衣
const hly = {
name: '绘梨衣',
xq: 95, // 心情指数
receiveFlower(sender) {
if (this.xq >= 90) {
console.log(`${this.name} 收到了 ${sender.name} 的九百九十九朵花，很开心！`)
console.log('sakura最美啦~')
} else {
console.log('不要花，我要吃五目炒饭！')
}
}
}
// 源稚生
const yzs = {
name: '源稚生',
xq: 30,
school: '卡塞尔学院',
receiveFlower(sender) {
setTimeout(() => {
hly.xq = 0
hly.receiveFlower(sender)
}, 3000)
}
}
2. 添加送花逻辑
现在，让我们给路明非添加一个可以执行的动作——送花。
lmf.sendFlower = function(girl) {
console.log(`${this.name} 送了九百九十九朵花给 ${girl.name}，${girl.name} 很喜欢`)
girl.receiveFlower(this)
}
3. 执行送花流程
最后，调用路明非的送花函数：
lmf.sendFlower(yzs)
在这个过程中，源稚生作为绘梨衣的代理，暂时接收了路明非的花，并在三秒后将这份心意传递给了绘梨衣。
🔄 探索设计模式：代理模式
代理模式是一种结构型设计模式，用于提供对某个对象的访问控制或增强其功能。在我们的例子中，源稚生充当了绘梨衣的代理，负责处理并延迟发送花的行为。
✅ 代理模式非常适合用于权限管理、缓存优化、日志记录等场景，增加了系统的灵活性和可控性。
🧱 面向接口编程：实现互换性
绘梨衣和源稚生都实现了相同的 receiveFlower() 方法，这体现了接口思想的重要性：只要对象具备相同的方法签名，就可以相互替换使用。
这种设计不仅提高了代码的复用性和可维护性，还使得系统更加灵活易扩展。
🔍 总结
通过这个简单的“送花”示例，我们不仅复习了JavaScript的基本语法和面向对象编程的基础知识，还学习了如何利用设计模式解决实际问题。希望这篇文章能激发你对编程的兴趣，并帮助你在日常开发中更好地运用这些技巧。
作者：江西路明非·稀土掘金原创文章
发布于 2025年5月13日
如果你觉得这篇文章对你有帮助，请不要吝啬你的点赞和分享哦！让更多热爱编程的朋友一起学习进步吧！
