从“送花”到代理模式：用JavaScript玩转面向对象编程💥🌸
宝子们！今天必须带你们解锁一个超有趣的JavaScript小项目——“送花大作战”！不仅能学语法，还能Get超酷的代理模式🧐 学会这招，写代码直接“开挂”，咱就是说，一整个期待住了！😎
一、项目背景：小彭的“送花小心机”🌹
故事是这样滴～小彭（pyc）疯狂心动小美（xm），准备用99朵玫瑰轰炸她的少女心💘 结果发现小美emo中❌ 这可咋整？机智的小彭秒找小美闺蜜小红（xh）当“快递员”！接下来，看我们用JavaScript把这场“恋爱攻防战”玩明白！
1. 对象定义：三个主角闪亮登场✨
咱们用对象字面量给三位主角建个“数字分身”，每个对象都揣着自己的“小秘密”（属性）和“必杀技”（方法）：
// ... existing code ...
const pyc = {
name: '小彭',
age: 21,
tall: 180,
hometown: '新余',
isSingle: true,
// 送花大招！
sendFlower: function(girl) {
console.log(this.name + '给' + girl.name + '送了99朵玫瑰');
girl.receiveFlower(this);
}
};
const xm = {
xq: 30, // 心情值拉胯中...
name: '小美',
room: '408',
receiveFlower: function(sender) {
console.log('收到了' + sender.name + '的99朵玫瑰');
if (this.xq > 90) {
console.log('硕果走一波🎉');
} else {
console.log('gun~~~🤬');
}
}
};
const xh = {
xq: 30, // 闺蜜也emo？
name: '小红',
room: '408',
hometown: '新余',
receiveFlower: function(sender) {
if (sender.name === '彭奕淳') {
console.log('彭哥哥，让我们在一起吧😍');
return;
}
setTimeout(() => {
xm.xq = 99;
xm.receiveFlower(sender);
}, 3000);
}
};
// ... existing code ...
2. 代理模式：小红的“中间商”操作💼
小红这闺蜜当得太称职了！表面上是代收快递，实际上是隐藏了小彭“社死”的送花现场😜 这就是代理模式——小红像个“神秘中介”，偷偷处理各种细节，还能暗戳戳调整小美的心情值，直接把送花操作玩出了花！
二、面向对象编程的核心思想：代码界的“葵花宝典”🧠
1. 封装：把秘密锁进“小黑盒”🔒
每个对象都是一个“加密盲盒”，属性和方法全塞进去！比如小彭的sendFlower、小美的receiveFlower，外面根本看不到里面的“魔法操作”，只露出接口给别人调用～就像点外卖，你不用知道厨房怎么炒菜，给商家说要啥菜（调用接口）就行！
2. 多态：同样的招式，不同的效果👯♀️
小美和小红都有receiveFlower技能，但“皮肤特效”完全不同！小美看心情决定是“贴贴”还是“开怼”，小红则是拖延战术大师～这就好比同样是“打招呼”，对兄弟喊“铁子！”，对女神说“嗨～”，对象不同，行为也得跟着变！
3. 代理模式：接口背后的“隐藏BOSS”🤫
小红作为代理，把小彭送花的复杂逻辑全藏起来！其他对象想送花给小美，不用知道小美住哪、心情咋样，直接调用小红这个接口就行！就像你点奶茶，不用知道原料从哪来，下单给外卖小哥（代理），他帮你搞定一切～这就是接口设计的精髓：屏蔽细节，只暴露必要操作！
三、如何运行这个项目？手把手教学来咯🚀
1. 命令行运行：程序员的“神秘咒语”🪄
打开Node.js，输入这句咒语：
node d:/桌面/lesson_si/js/flower/1.js
瞬间解锁送花剧情，控制台直接上演恋爱小剧场～
2. 浏览器运行：网页里的“摸鱼神器”🌐
新建HTML文件，输入这段“召唤代码”：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>送花</title>
</head>
<body>
<script src="./1.js"></script>
</body>
</html>
双击打开，在浏览器里也能围观小彭的送花大冒险！
四、总结：今天的快乐编程结束啦🎉
通过这个“送花”项目，咱们不仅学会了JavaScript面向对象编程，还把代理模式和接口设计原理拿捏住了！现在赶紧自己动手改改代码，比如给小彭加个“送巧克力”技能，或者让小红多几个“整活”操作～冲就完事了！💪
下次写代码，记得用这些技巧偷偷惊艳所有人！Happy coding，我们下期见～💖
