Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
談談_Functional_Programming.pdf
Search
CypressKuo
August 30, 2019
Technology
0
24
談談_Functional_Programming.pdf
CypressKuo
August 30, 2019
Tweet
Share
More Decks by CypressKuo
See All by CypressKuo
Deep-copying.pdf
cypresskuo
0
28
CSS_for_Web_Vitals.pdf
cypresskuo
0
35
談談_Code_review.pdf
cypresskuo
0
41
REST_vs_GraphQL_今夜はご注文はどっち.pdf
cypresskuo
0
21
CSS_重構.pdf
cypresskuo
0
22
跟上_JS_的腳步-ES2020.pdf
cypresskuo
0
24
Core_Web_Vitals.pdf
cypresskuo
0
47
這個時代人人都知道的敏捷開發.pdf
cypresskuo
0
54
Webassembly.pdf
cypresskuo
0
11
Other Decks in Technology
See All in Technology
Clineを含めたAIエージェントを 大規模組織に導入し、投資対効果を考える / Introducing AI agents into your organization
i35_267
4
1.6k
"サービスチーム" での技術選定 / Making Technology Decisions for the Service Team
kaminashi
1
160
「良さそう」と「とても良い」の間には 「良さそうだがホンマか」がたくさんある / 2025.07.01 LLM品質Night
smiyawaki0820
1
260
Amazon ECS & AWS Fargate 運用アーキテクチャ2025 / Amazon ECS and AWS Fargate Ops Architecture 2025
iselegant
17
5.7k
変化する開発、進化する体系時代に適応するソフトウェアエンジニアの知識と考え方(JaSST'25 Kansai)
mizunori
1
230
監視のこれまでとこれから/sakura monitoring seminar 2025
fujiwara3
11
4k
なぜ私はいま、ここにいるのか? #もがく中堅デザイナー #プロダクトデザイナー
bengo4com
0
480
Amazon Bedrockで実現する 新たな学習体験
kzkmaeda
2
590
Windows 11 で AWS Documentation MCP Server 接続実践/practical-aws-documentation-mcp-server-connection-on-windows-11
emiki
0
1k
Understanding_Thread_Tuning_for_Inference_Servers_of_Deep_Models.pdf
lycorptech_jp
PRO
0
140
Абьюзим random_bytes(). Фёдор Кулаков, разработчик Lamoda Tech
lamodatech
0
350
Witchcraft for Memory
pocke
1
460
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Facilitating Awesome Meetings
lara
54
6.4k
Building Adaptive Systems
keathley
43
2.6k
Raft: Consensus for Rubyists
vanstee
140
7k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
490
Balancing Empowerment & Direction
lara
1
380
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
670
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
The Invisible Side of Design
smashingmag
300
51k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Transcript
談談 Functional Programming CypressKuo @前端組例會 2019/08/30
In computer science, functional programming is a programming paradigm. --wikipedia
None
None
None
None
Function 的特色 First-class High Order Function No side effect Referential
transparency Pure Function
First-class 函數與其他數據類型一樣,處於平等地位。 • 被賦值到其他變數 • 作為參數傳入到不同的函數中 • 作為函數的回傳值
None
High Order Function 滿足以下兩項其中之一的函數 • 將函式當成參數傳入的函式 • 將函式當成回傳值的函式
None
常見的 High Order Function Array.prototype.map(foo) Array.prototype.filter(foo) Array.prototype.reduce(foo) Array.prototype.forEach(foo) Array.prototype.some(foo) Array.prototype.every(foo)
No side effect 沒有與外部互動,產生與運算無關的其他結果。 anti pattern: • 發送 http request
• 印出 console • 取得使用者的 input
Referential transparency 不管外部環境如何,只要參數相同,函式執行的返回結果必定相同。
Pure Function 結合 no side effect 與 Referential transparency 一個
function 給予相同的參數, 永遠會回傳相同的返回值,並且沒有任何顯著的副作用。
None
None
Function Composition Curry Compose
Curry 將一個有 N 個參數的函數轉換成 N 個只有一個參數的函數
None
Compose 把兩個以上的一個參數函數合併起來串聯多個組合成新的函數
None
Functor 範疇間的一類映射 F(f . g) = F(f) . F(g) (
. 代表 compose) F 就是 Functor
None
抽象化 縮減一個概念或是一個現象的資訊含量來將其廣義化的過程
🍎 + 🍎 = 🍎🍎 🍌 + 🍌 = 🍌🍌
(🍎🍎) + (🍎🍎) + (🍎🍎) = 🍎🍎🍎🍎🍎🍎 (🍌🍌) + (🍌🍌) + (🍌🍌) = 🍌🍌🍌🍌🍌🍌 抽象化
1 + 1 = 2 進一步 => fn(1, 1) ->
2 // fn = (a, b) => a + b; 2 + 2 + 2 = 6 進一步 => 2 * 3 = 6 再進一步 => fn(2, 3) -> 6 // fn = (a, b) => a * b; 抽象化
資料與功能分離,不要直接操作資料 抽象化 in FP
None
None
實例
優勢: • 可讀性高 • 可維護性高 • 簡潔,開發快速 劣勢: • 難以入門
優劣
If all you have is a hammer, everything looks like
a nail. 活用工具,不是被工具所用。 結論
Q & A
• https://speakerdeck.com/s6323859/abstract-thinking-cong-functional-programming-k an-jian-cheng-shi-zhi-mei • https://docs.google.com/presentation/d/1ZvBmQlNoeTOxV5oArnOcES-iswSqPovTe Y4hyWz3N0c/edit?usp=sharing • http://www.ruanyifeng.com/blog/2017/03/pointfree.html 參考資料
wish you a nice day!