Javascript设计模式与应用

@TOC 综合应用 使用 jQuery 做一个模拟购物车的小 demo ，不用 vue 或 React 是因为它们封装了很多东西，使用封装的框架，就不容易分析设计模式。 包括：显示购物车列表、加入购物

@TOC 其他设计模式 优先级划分依据 不常用 是找不到经典应用场景 设计模式有： 创建型 原型模式 结构型 桥接模式 组合模式 享元模式 行为型 策略模式 、模板方法模式 、职责链模式 命令模式 、

@TOC 状态模式 介绍 演示 场景 总结 状态模式 介绍 一个对象有状态变化 每次状态变化都会触发一个逻辑 不能总是用if...else来控制 概念 一个对象或者实例可能会有不同状态的变化（例如交通

@TOC 迭代器模式 介绍 演示 场景 总结 迭代器模式 介绍 顺序访问一个集合 使用者无需知道集合的内部结构（封装） 概念 这种模式用于顺序访问集合对象的元素，不需要知道集合对象的底层表示。 示例

@TOC 观察者模式 介绍 演示 场景 总结 观察者模式 介绍 发布 & 订阅 一对多，一对n，n可能是1 观察者模式是前端最常用、最重要的设计模式，如果让你只掌握一种设计模式，那肯定就是观察者模式！

@TOC 外观模式 概念 为子系统中的一组接口提供了一个高层接口 使用者使用这个高层接口 外观模式（Facade）为子系统中的一组接口提供了一个一致的界面，此模块定义了一个高层接口，这个接口值得这一子

@TOC 代理模式 介绍 演示 场景 总结 代理模式 介绍 使用者无权访问目标对象 中间加代理，通过代理做授权和控制 概念 为其他对象提供一种代理以控制对这个对象的访问。在直接访问对象时带来的问题，比

@TOC 装饰器模式 介绍 演示 场景 总结 装饰器模式 介绍 为对象添加新功能 不改变其原有的结构和功能 概念 装饰器模式（Decorator Pattern）允许向一个现有的对象添加新的功能，同时

@TOC 适配器模式 介绍 演示 场景 总结 适配器模式 介绍 旧接口格式和使用者不兼容 中间加一个适配转换接口 概念 将一个类的接口适配成用户所期待的。一个适配允许通常因为接口不兼容而不能在一起工作

@TOC 单例模式 介绍 演示 场景 总结 单例模式 介绍 系统中被唯一使用 一个类只有一个实例 概念 单例模式，是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例的特殊类。通过单例模式可

@TOC 工厂模式 介绍 演示 场景 总结 工厂模式 介绍 将new操作单独封装 遇到new时，就要考虑是否该使用工厂模式 概念 工厂模式是我们最常用的实例化对象模式了，是用工厂方法代替new操作的一

@TOC 设计原则 何为“设计”？ 五大设计原则 从设计到模式 简介 23 种设计模式 何为“设计” 即按照哪一种思路或者标准来实现功能 功能相同，可以有不同设计方案来实现 伴随着需求增加，设计的作用

@TOC 搭建开发环境 初始化npm环境，npm init 第一，下载安装 nodejs ，完成后运行node -v和npm -v测试。 第二，找到一个目录，运行npm init初始化（一路回车，然后

@TOC 论工程师的设计能力 3年工作经验，面试必考设计能力 成为项目技术负责人，设计能力是必要基础 从写好代码到做好设计，设计模式是必经之路 前端学习设计模式的困惑 网上的资料都是针对Java等后端