>[info]待整理......
# 第 1 章 理解函數式編程
理解函數式編程,需要知道如下一些基本概念:
- 聲明式編程
- 純函數
- 引用透明
- 不可變性
## 聲明式編程
關于聲明式編程,看兩段代碼即可:
```js
// 命令式的
const array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
for (let i = 0;i < array.length; i++) {
array[i] = Math.pow(array[i], 2)
}
// 聲明式的
[0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map(num => Math.pow(num, 2))
```
命令式編程會很具體地告訴計算機如何執行某個任務。
函數式編程屬于聲明式編程范式,這種范式會描述一系列的操作,但不會暴露它們是如何實現的或是數據流如何穿過它們。它將程序的描述與求值分離開來,關注于如何用各種表達式來描述程序邏輯。
## 純函數
純函數具有以下性質:
- 僅取決于提供的輸入,而不依賴于任何在函數求值期間或調用間隔時可能變化的隱藏狀態和外部狀態
- 不會造成超出其作用域的變化,例如修改全局對象或引用傳遞的參數
或許這么理解更好:
- 如果函數的調用參數相同,則永遠返回相同的結果。它不依賴于程序執行期間函數外部任何狀態或數據的變化,必須只依賴于其輸入參數。
- 該函數不會產生任何可觀察的副作用,例如網絡請求,輸入和輸出設備或數據突變(mutation),一般來說,函數在讀取或寫入外部資源時都會產生副作用。
一般以下行為被稱為副作用:
- 改變一個全局的變量、屬性或數據結構
- 改變一個函數參數的原始值
- 處理用戶輸入
- 拋出一個異常,除非它又被當前函數捕獲了
- 查詢 HTML 文件、瀏覽器的 cookie 或訪問數據庫
```js
let counter = 0
function increment () {
return ++counter
}
```
例如上面的函數就是不純的,因為它讀取并修改了一個外部變量。
## 引用透明和可置換性
如果一個函數對于相同的輸入始終產生相同的結果,那么就說它是引用透明的。之所以追求這種特指,是因為它不僅能使代碼更易于調試,還可以讓我們更容易推理整個程序。
## 不可變性
不可變數據是指那些被創建后不能更改的數據。
- 序言 & 更新日志
- H5
- Canvas
- 序言
- Part1-直線、矩形、多邊形
- Part2-曲線圖形
- Part3-線條操作
- Part4-文本操作
- Part5-圖像操作
- Part6-變形操作
- Part7-像素操作
- Part8-漸變與陰影
- Part9-路徑與狀態
- Part10-物理動畫
- Part11-邊界檢測
- Part12-碰撞檢測
- Part13-用戶交互
- Part14-高級動畫
- CSS
- SCSS
- codePen
- 速查表
- 面試題
- 《CSS Secrets》
- SVG
- 移動端適配
- 濾鏡(filter)的使用
- JS
- 基礎概念
- 作用域、作用域鏈、閉包
- this
- 原型與繼承
- 數組、字符串、Map、Set方法整理
- 垃圾回收機制
- DOM
- BOM
- 事件循環
- 嚴格模式
- 正則表達式
- ES6部分
- 設計模式
- AJAX
- 模塊化
- 讀冴羽博客筆記
- 第一部分總結-深入JS系列
- 第二部分總結-專題系列
- 第三部分總結-ES6系列
- 網絡請求中的數據類型
- 事件
- 表單
- 函數式編程
- Tips
- JS-Coding
- Framework
- Vue
- 書寫規范
- 基礎
- vue-router & vuex
- 深入淺出 Vue
- 響應式原理及其他
- new Vue 發生了什么
- 組件化
- 編譯流程
- Vue Router
- Vuex
- 前端路由的簡單實現
- React
- 基礎
- 書寫規范
- Redux & react-router
- immutable.js
- CSS 管理
- React 16新特性-Fiber 與 Hook
- 《深入淺出React和Redux》筆記
- 前半部分
- 后半部分
- react-transition-group
- Vue 與 React 的對比
- 工程化與架構
- Hybird
- React Native
- 新手上路
- 內置組件
- 常用插件
- 問題記錄
- Echarts
- 基礎
- Electron
- 序言
- 配置 Electron 開發環境 & 基礎概念
- React + TypeScript 仿 Antd
- TypeScript 基礎
- React + ts
- 樣式設計
- 組件測試
- 圖標解決方案
- Storybook 的使用
- Input 組件
- 在線 mock server
- 打包與發布
- Algorithm
- 排序算法及常見問題
- 劍指 offer
- 動態規劃
- DataStruct
- 概述
- 樹
- 鏈表
- Network
- Performance
- Webpack
- PWA
- Browser
- Safety
- 微信小程序
- mpvue 課程實戰記錄
- 服務器
- 操作系統基礎知識
- Linux
- Nginx
- redis
- node.js
- 基礎及原生模塊
- express框架
- node.js操作數據庫
- 《深入淺出 node.js》筆記
- 前半部分
- 后半部分
- 數據庫
- SQL
- 面試題收集
- 智力題
- 面試題精選1
- 面試題精選2
- 問答篇
- 2025面試題收集
- Other
- markdown 書寫
- Git
- LaTex 常用命令
- Bugs