欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2019年05月21日 12:06:19   作者:longzhoufeng  
這篇文章主要介紹了JavaScript函數(shù)式編程(Functional Programming)聲明式與命令式,結合實例形式分析了JS聲明式與命令式相關概念、原理、定義及使用方法,需要的朋友可以參考下

本文實例講述了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程序設計有所幫助。

相關文章

  • 一個js拖拽的效果類和dom-drag.js淺析

    一個js拖拽的效果類和dom-drag.js淺析

    最近完成了一個Drag類,可以實現(xiàn)指定對象的拖拽效果。
    2010-07-07
  • JS實現(xiàn)預加載視頻音頻/視頻獲取截圖(返回canvas截圖)

    JS實現(xiàn)預加載視頻音頻/視頻獲取截圖(返回canvas截圖)

    這篇文章主要介紹了JS實現(xiàn)預加載視頻音頻/視頻獲取截圖(返回canvas截圖)的相關資料,需要的朋友可以參考下
    2017-10-10
  • JS簡單操作select和dropdownlist實例

    JS簡單操作select和dropdownlist實例

    這篇文章主要介紹了JS簡單操作select和dropdownlist的方法,以實例形式講述了js針對服務器控件select和dropdownlist的讀寫操作方法,是js與.net交互的典型應用實例,需要的朋友可以參考下
    2014-11-11
  • css如何讓浮動元素水平居中

    css如何讓浮動元素水平居中

    css中對于定寬的非浮動元素用margin:0 auto進行水平居中,對于不定寬的浮動元素也有一個常用技巧,這篇文章就給大家介紹下css如何讓浮動元素水平居中,需要的朋友可以來學習下
    2015-08-08
  • js正則表達式惰性匹配和貪婪匹配用法分析

    js正則表達式惰性匹配和貪婪匹配用法分析

    這篇文章主要介紹了js正則表達式惰性匹配和貪婪匹配用法,結合實例形式詳細分析了正則表達式的基本概念以及惰性匹配和貪婪匹配的使用方法,需要的朋友可以參考下
    2016-12-12
  • 在uniapp中實現(xiàn)中英文切換的方法

    在uniapp中實現(xiàn)中英文切換的方法

    最近使用uniapp做了個APP,由于客戶是巴西的,所以使用中文已經(jīng)滿足不了客戶需求了,本打算直接使用英文開發(fā)算了,老板非要做成可以中英文切換的,沒辦法只能開干,需要的朋友可以參考下
    2023-11-11
  • 基于zepto.js實現(xiàn)手機相冊功能

    基于zepto.js實現(xiàn)手機相冊功能

    這篇文章主要為大家詳細介紹了基于zepto.js實現(xiàn)手機相冊功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-07-07
  • npm scripts 使用指南詳解

    npm scripts 使用指南詳解

    這篇文章主要介紹了npm scripts 使用指南詳解,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-10-10
  • js取模(求余數(shù))隔行變色

    js取模(求余數(shù))隔行變色

    今天需要用js實現(xiàn)做隔行變色功能,原來用的是asp程序都是用mod取模,原來js中用的是%,具體如下需要的朋友可以參考下
    2014-05-05
  • 微信小程序實現(xiàn)左右列表聯(lián)動

    微信小程序實現(xiàn)左右列表聯(lián)動

    這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)左右列表聯(lián)動,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-02-02

最新評論