书架

# 前言 之前在学习react 的状态管理时当然第一个学到的就是[redux](https://so.csdn.net/so/search?q=redux&spm=1001.2101.3001.7020)，关于redux 如果有兴趣或是还不清楚，可以先去看看 [浅析React Redux 的概念以及使用](https://blog.csdn.net/weixin_46803507/article/details/116499240)。而本篇的主角是MobX，这篇会介绍关于MobX 的一些概念以及基本用法，当然也会讲到跟redux 的区别，包括优势选型等比较。 # 正文 Mob

# 计数器案例 计数器：在组件中显示数值状态，单击`+`按钮使数值加1，单击`重置`按钮使数值重置。 ## 下载 - mobx：MobX 核心库 - mobx-react-lite：仅支持函数组件 - mobx-react：既支持函数组件也支持类组件 > 由于 React 官方推荐使用函数式组件，所以下面的学习使用 mobx-react-lite ```bash npx create-react-app app cd app npm install mobx mobx-react-lite ``` 当前安装版本： ```json "mob

> 在程序设计中有很多实用的设计模式，而其中大部分语言的实现都是基于“类”。 > > 在JavaScript中并没有类这种概念，JS中的函数属于一等对象，在JS中定义一个对象非常简单（var obj = {}），而基于JS中闭包与弱类型等特性，在实现一些设计模式的方式上与众不同。 <!--more--> ## 一、单例模式 **1. 定义** 保证一个类仅有一个实例，并提供一个访问它的全局访问点 **2. 核心** 确保只有一个实例，并提供全局访问 **3. 实现** 假设要设置一个管理员，多次调用也仅设置一次，我们可以使用闭包缓存一个内部变