JavaScript函數(shù)式編程(Functional Programming)聲明式與命令式實例分析
本文實例講述了JavaScript函數(shù)式編程(Functional Programming)聲明式與命令式。分享給大家供大家參考,具體如下:
函數(shù)式編程屬于聲明式編程(declarative programming)的范疇,經(jīng)常跟聲明式編程一塊兒討論的是命令式編程(imperative programming),因為它們是兩種不太一樣的風格。
命令式編程一般就是說清楚具體要怎么樣得到一個結果:先這樣做,再這樣做,然后再這樣,如果這樣,就這樣做 … 聲明式編程就是聲明(說明)一下你想得到的結果是什么樣的:把這組電影里的平均分大于 9 分的電影過濾出來給我。
比如有一組電影,你想過濾出評分 9 分以上的電影。
let movies = [ { title: 'The Shawshank Redemption', rating: 9.6 }, { title: 'Forrest Gump', rating: 9.4 }, { title: 'Roman Holiday', rating: 8.9 } ]
命令式:
const imperativeMovieFilter = (movies) => { let result = [] for (let i = 0; i < movies.length; i++) { if (movies[i].rating >= 9) { result.push(movies[i]) } } return result }
在函數(shù)里面,先來個 result,讓它等于一個空白的數(shù)組。然后我們又 for 循環(huán),去處理 movies ,循環(huán)的時候判斷當前項目里的評分(rating)是不是大于等于 9,如果是的話,就把這個項目放到 result 里面。循環(huán)完成以后,會返回處理之后的結果。命令式編程里,詳細的說明了得到結果需要做的每個操作。
聲明式:
const declarativeMovieFilter = (movies) => { return movies.filter((movie) => movie.rating >= 9) }
在上面這個函數(shù)里,我們只是說明了一下,自己想要的結果是什么樣的,就是評分在 9 分以上的電影。
更多關于JavaScript相關內容可查看本站專題:《JavaScript常用函數(shù)技巧匯總》、《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
- JavaScript函數(shù)式編程Thunk原理解析
- javascript函數(shù)式編程基礎
- JavaScript中的函數(shù)式編程詳解
- JavaScript函數(shù)式編程(Functional Programming)組合函數(shù)(Composition)用法分析
- JavaScript函數(shù)式編程(Functional Programming)箭頭函數(shù)(Arrow functions)用法分析
- JavaScript函數(shù)式編程(Functional Programming)高階函數(shù)(Higher order functions)用法分析
- JavaScript函數(shù)式編程(Functional Programming)純函數(shù)用法分析
- 詳解用函數(shù)式編程對JavaScript進行斷舍離
- JavaScript函數(shù)式編程實現(xiàn)介紹
相關文章
JS實現(xiàn)預加載視頻音頻/視頻獲取截圖(返回canvas截圖)
這篇文章主要介紹了JS實現(xiàn)預加載視頻音頻/視頻獲取截圖(返回canvas截圖)的相關資料,需要的朋友可以參考下2017-10-10