什麼是 JavaScript 函數式編程？
跟著大前端時代的到來，在產品開發進程中，前端所佔事務比重越來越大、交互越來越重。傳統的老夫拿起JQuery即是一把梭敷衍當下重交互頁面現已十分乏力。於是乎有了Angular，React，Vue這些現代框架。
咱們大多聽過面向對象編程，面向進程編程，那啥又是函數式編程呢？在咱們前端開發中又有哪些運用場景？我抱著這個疑問，開端的學習了下。 （此文僅是學習，無甚乾貨）。
函數式編程
是一種編程範型，它將電腦運算視為數學上的函數核算，而且防止運用程序狀況以及易變對象。函數編程言語最主要的根底是λ演算（lambda calculus）。而且λ演算的函數能夠承受函數當作輸入（引數）和輸出（傳出值）。比起命令式編程，函數式編程愈加強調程序履行的成果而非履行的進程，倡議利用若干簡略的履行單元讓核算成果不斷漸進，逐層推導雜亂的運算，而不是規劃一個雜亂的履行進程。
特性
函數是一等公民。即是說函數能夠跟別的變量一樣，能夠作為別的函數的輸入輸出。喔，回調函數即是典型運用。
不行變量。即是說，不能用var跟let咯。按這懇求，我如同有點難寫代碼。
純函數。即是沒有副作用的函數。這個好了解，即是不修正函數外部的變量。
引證通明。這個也罷了解，即是說相同的輸入，必定是相同的輸出。函數內部不依賴外部狀況，如一些全局變量。
慵懶核算。粗心即是：一個表達式綁定的變量，不是聲明的時分就核算出來，而是真實用到它的時分才去核算。
FP在JavaScript中的運用
ReactView = render(data) 它只關懷你的輸入，終究給你回來相應視圖。所以你休想在react組件中去修正父組件的狀況，更沒有與dom的雙向綁定。
從最常見的下手吧，如典型的操作數組：
// 從users中挑選出年歲大於15歲的人的名字 const users = [
這兒得想到剛剛的慵懶核算。依照慵懶求值的懇求，應該是要最後回來成果時，才真實去挑選年歲並得到名字數組。
如同也沒好到哪裡去啊，不即是把多行代碼變一行嘛？說的那麼玄乎，還多了功能開支，然後又跟我說得上個東西庫。。。
咱們再看一個與DOM交互的場景：
妥，徹底沒問題。可是發現多了許多狀況，count，rate，lastClick，還得比照來比照去。那假設用FP會是怎麼的呢？
巧奪天工！再也不用去辦理狀況了，不需求聲明成堆變量，修正來修正去，判別來判別去，簡直完美。
閉上眼想想，你之前是怎麼完成的。橫豎我都是設置開端時刻，完畢時刻，前次時刻，等等變量。繁瑣，而且不行控。
本來咱們往常現已寫了一些FP了，只是咱們沒意識到，或許沒怎麼寫好。就比方閉包，許多人都不瞭解閉包的概念，但實際上現已寫了許多閉包代碼。本來閉包自身也是函數式編程的一個運用。
總結
在編寫JS中，能夠儘量的運用FP的思想，如不行變量、純函數、慵懶求值。但也不必教條式的遵從函數式編程，一定要如何如何。比方咱們看下知乎大V某溫的一個回答： 傳送門 。
唉，做個頁面仔不容易啊。可是不想當大牛的頁面仔不是好頁面仔！
歡迎轉發分享評論關注！！！