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ì)有所幫助。
- JavaScript函數(shù)式編程Thunk原理解析
- javascript函數(shù)式編程基礎(chǔ)
- 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ù)式編程對(duì)JavaScript進(jìn)行斷舍離
- JavaScript函數(shù)式編程實(shí)現(xiàn)介紹
相關(guān)文章
最近完成了一個(gè)Drag類，可以實(shí)現(xiàn)指定對(duì)象的拖拽效果。2010-07-07
JS實(shí)現(xiàn)預(yù)加載視頻音頻/視頻獲取截圖（返回canvas截圖）
這篇文章主要介紹了JS實(shí)現(xiàn)預(yù)加載視頻音頻/視頻獲取截圖（返回canvas截圖）的相關(guān)資料,需要的朋友可以參考下2017-10-10
JS簡(jiǎn)單操作select和dropdownlist實(shí)例
這篇文章主要介紹了JS簡(jiǎn)單操作select和dropdownlist的方法,以實(shí)例形式講述了js針對(duì)服務(wù)器控件select和dropdownlist的讀寫操作方法,是js與.net交互的典型應(yīng)用實(shí)例,需要的朋友可以參考下2014-11-11
css中對(duì)于定寬的非浮動(dòng)元素用margin:0 auto進(jìn)行水平居中，對(duì)于不定寬的浮動(dòng)元素也有一個(gè)常用技巧，這篇文章就給大家介紹下css如何讓浮動(dòng)元素水平居中，需要的朋友可以來(lái)學(xué)習(xí)下2015-08-08
這篇文章主要介紹了js正則表達(dá)式惰性匹配和貪婪匹配用法,結(jié)合實(shí)例形式詳細(xì)分析了正則表達(dá)式的基本概念以及惰性匹配和貪婪匹配的使用方法,需要的朋友可以參考下2016-12-12
最近使用uniapp做了個(gè)APP,由于客戶是巴西的,所以使用中文已經(jīng)滿足不了客戶需求了,本打算直接使用英文開發(fā)算了,老板非要做成可以中英文切換的,沒(méi)辦法只能開干,需要的朋友可以參考下2023-11-11
基于zepto.js實(shí)現(xiàn)手機(jī)相冊(cè)功能
這篇文章主要為大家詳細(xì)介紹了基于zepto.js實(shí)現(xiàn)手機(jī)相冊(cè)功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了npm scripts 使用指南詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
今天需要用js實(shí)現(xiàn)做隔行變色功能，原來(lái)用的是asp程序都是用mod取模，原來(lái)js中用的是%,具體如下需要的朋友可以參考下2014-05-05
微信小程序?qū)崿F(xiàn)左右列表聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)左右列表聯(lián)動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-02-02