React 知識點歸納 純函式和高階函式

2021-09-10 09:34:22 字數 882 閱讀 3900

一類特別的函式: 只要是同樣的輸入,必定得到同樣的輸出

必須遵守以下一些約束

a. 不得改寫引數

b. 不能呼叫系統 i/o 的 api

c. 能呼叫 date.now()或者 math.random()等不純的方法

reducer 函式必須是乙個純函式

理解: 一類特別的函式

a. 情況 1: 引數是函式

b. 情況 2: 返回是函式

常見的高階函式:

a. 定時器設定函式

b. 陣列的 map()/filter()/reduce()/find()/bind()

c. react-redux 中的 connect 函式

作用:a. 能實現更加動態, 更加可擴充套件的功能

下面的connect語句

connectedcomment = connect(mapstatetoprops, mapdispatchtoprops)(component);
相當於

// connect是乙個返回函式的函式(就是個高階函式)

const enhance = connect(mapstatetoprops, mapdispatchtoprops);

// 返回的函式就是乙個高階元件,該高階元件返回乙個與redux store

// 關聯起來的新元件

const connectedcomment = enhance(component);

antd的form也是一樣的

更多關於reducer(歸納函式)與純函式**函式的參考**

**1:reducer(歸納函式)與純函式

集合知識點歸納

集合 定義 長度可變的 儲存物件的容器 特點 長度可變,只能用來儲存引用型變數 list介面 有序的,允許重複的 實現類 arraylist 底層維護陣列,執行緒不安全的,高效的,查詢快,增刪慢 linklist 底層維護鍊錶,能夠模仿佇列結構,增刪快 查詢慢 堆疊特點 先進後出 push 將元素壓...

XSS知識點歸納

xss攻擊指通過html注入篡改網頁,插入惡意的指令碼,當使用者瀏覽網頁的時候,控制瀏覽器。xss攻擊成功後,攻擊者能夠對使用者當前的瀏覽頁面植入惡意指令碼,通過惡意指令碼,控制使用者的瀏覽器,這些完成各種具體功能的惡意指令碼,成為xss payload 實質上就是js指令碼,任何js指令碼能實現的...

flex知識點歸納

flex基本用法是給父容器設定 display flex 參考 那麼它下面的所有子元素,自動成為flex的item項。flex flow是flex direction和flex wrap的簡寫。flex flow row row reverse column column reverse nowar...