JavaScript函數(shù)式編程(Functional Programming)聲明式與命令式實(shí)例分析

本文實(shí)例講述了JavaScript函數(shù)式編程(Functional Programming)聲明式與命令式。分享給大家供大家參考，具體如下：

函數(shù)式編程屬于聲明式編程（declarative programming）的范疇，經(jīng)常跟聲明式編程一塊兒討論的是命令式編程（imperative programming），因?yàn)樗鼈兪莾煞N不太一樣的風(fēng)格。

命令式編程一般就是說(shuō)清楚具體要怎么樣得到一個(gè)結(jié)果：先這樣做，再這樣做，然后再這樣，如果這樣，就這樣做 … 聲明式編程就是聲明（說(shuō)明）一下你想得到的結(jié)果是什么樣的：把這組電影里的平均分大于 9 分的電影過(guò)濾出來(lái)給我。

比如有一組電影，你想過(guò)濾出評(píng)分 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ù)里面，先來(lái)個(gè) result，讓它等于一個(gè)空白的數(shù)組。然后我們又 for 循環(huán)，去處理 movies ，循環(huán)的時(shí)候判斷當(dāng)前項(xiàng)目里的評(píng)分（rating）是不是大于等于 9，如果是的話，就把這個(gè)項(xiàng)目放到 result 里面。循環(huán)完成以后，會(huì)返回處理之后的結(jié)果。命令式編程里，詳細(xì)的說(shuō)明了得到結(jié)果需要做的每個(gè)操作。

聲明式：

const declarativeMovieFilter = (movies) => {
 return movies.filter((movie) => movie.rating >= 9)
}

在上面這個(gè)函數(shù)里，我們只是說(shuō)明了一下，自己想要的結(jié)果是什么樣的，就是評(píng)分在 9 分以上的電影。

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。