博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Redux 源码解读--createStore,js
阅读量:5354 次
发布时间:2019-06-15

本文共 1160 字,大约阅读时间需要 3 分钟。

一、依赖:$$observable、ActionTypes、isPlainObject

二、接下来看到直接 export default 一个 createStore 函数,下面根据代码以及注释来分析这个函数

1、函数本身

  注释大致意思解读:

  这个函数用来创建一个保存 state tree (状态树) 的 Redux store。

  你唯一能修改 store 里面的 data 数据的方式是通过调用 dispatch() 方法。

  在你的APP中只能存在一个 store。

  如果要指定 state tree 的不同部分如何相应 actions 的操作,你可以用 combineReducers 方法来合并几个 reucer 到一个 reducer 函数中。

2、参数:reducer、preloadedState、enhancer

  reducer :function 类型。一个传入 current state (当前state) 和 要处理的 action ,返回新的 state tree 的函数。

  preloadedState:可以是任何类型。初始的state。如果你使用 combineReducers 去生产根 reducer 函数,它必须是一个与 combineReducer 的键相同的对象。

  enhancer:function 类型。store 的增强器。你可以选择指定它来增加具有第三方第三方能力的 store。唯一一个跟 Redux 一起使用的 enhancer 是 applyMiddleware()。

3、返回值 store

  一个可以读取 state、dispach(调度) actions 和 subscribe(监听)变化 的 Redux store。

4、函数体

  1)、刚开始就是三个 if 判断

    第一个判断,如果传入的 preloadState 是一个函数,并且 enhancer 是 undefined的,那么就认为用户第二个参数传入的是 enhancer 而不是 preloadState,进行相应的赋值操作。

    第二个判断,如果 enhancer 存在了,但是它不是一个 function,那么就报错:enhancer 必须是一个函数。如果判断是一个函数,则return enhancer(createStore)(reducer, preloadState),执行中间件的函数,至此,该文件下面的内容就不执行了。

    第三个判断,如果 reducer 不是 function 类型的,则报错:希望 reducer 是一个函数。

 

转载于:https://www.cnblogs.com/z-one/p/9056897.html

你可能感兴趣的文章
hash储存机制
查看>>
[Android学习系列16]Android把php输出的json加载到listview
查看>>
20145205 《信息安全系统设计基础》第14周学习总结
查看>>
6)添加一个窗口的图标
查看>>
POJ - 1422 Air Raid 二分图最大匹配
查看>>
Road Map
查看>>
正则替换中的一个Bug
查看>>
HI3531uboot开机画面 分类: arm-linux-Ubunt...
查看>>
制作U盘启动CDLinux 分类: 生活百科 ...
查看>>
strcpy函数里的小九九
查看>>
搭建ssm过程中遇到的问题集
查看>>
OpenLayers绘制图形
查看>>
tp5集合h5 wap和公众号支付
查看>>
Flutter学习笔记(一)
查看>>
iOS10 国行iPhone联网权限问题处理
查看>>
洛谷 P1991 无线通讯网
查看>>
[HIHO1184]连通性二·边的双连通分量(双连通分量)
查看>>
Codeforces Round #178 (Div. 2) B. Shaass and Bookshelf 【动态规划】0-1背包
查看>>
SparkStreaming 源码分析
查看>>
【算法】—— 随机音乐的播放算法
查看>>