<dfn id="w48us"></dfn><ul id="w48us"></ul>
  • <ul id="w48us"></ul>
  • <del id="w48us"></del>
    <ul id="w48us"></ul>
  • JavaScript中的函數式編程

    時間:2024-05-25 09:12:09 JavaScript 我要投稿
    • 相關推薦

    JavaScript中的函數式編程

      閉包和柯里化都是JavaScript經常用到而且比較高級的技巧,所有的函數式編程語言都支持這兩個概念,因此,我們想要充分發揮出JavaScript中的函數式編程特征,就需要深入的了解這兩個概念,閉包事實上更是柯里化所不可缺少的基礎。

      一、柯里化的概念

      在計算機科學中,柯里化是把接受多個參數的函數變換成接受一個單一參數(最初函數的第一個參數)的函數,并且返回接受余下的參數且返回結果的新函數的技術。這個技術由Christopher Strachey以邏輯學家 Haskell Curry 命名的,盡管它是 Moses Schnfinkel 和 Gottlob Frege 發明的。在直覺上,柯里化聲稱“如果你固定某些參數,你將得到接受余下參數的一個函數”。所以對于有兩個變量的函數yx,如果固定了y = 2,則得到有一個變量的函數2x。

      柯里化就是預先將函數的某些參數傳入,得到一個簡單的函數。但是預先傳入的參數被保存在閉包中,因此會有一些奇特的特性。比如:

      var adder = function(num){ return function(y){ return num + y; }}var inc = adder(1);var dec = adder(-1)

      這里的inc/dec兩個變量事實上是兩個新的函數,可以通過括號來調用,比如下例中的用法:

      //inc, dec現在是兩個新的函數,作用是將傳入的參數值(+/-)1print(inc(99));//100print(dec(101));//100print(adder(100)(2));//102print(adder(2)(100));//102

      二、柯里化的應用

      根據柯里化的特性,我們可以寫出更有意思的代碼,比如在前端開發中經常會遇到這樣的情況,當請求從服務端返回后,我們需要更新一些特定的頁面元素,也就是局部刷新的概念。使用局部刷新非常簡單,但是代碼很容易寫成一團亂麻。而如果使用柯里化,則可以很大程度上美化我們的代碼,使之更容易維護。我們來看一個例子:

      //update會返回一個函數,這個函數可以設置id屬性為item的web元素的內容function update(item){ return function(text){ $("div#"+item).html(text); }}//Ajax請求,當成功是調用參數callbackfunction refresh(url, callback){ var params = { type : "echo", data : "" }; $.ajax({ type:"post", url:url, cache:false, async:true, dataType:"json", data:params, //當異步請求成功時調用 success: function(data, status){ callback(data); }, //當請求出現錯誤時調用 error: function(err){ alert("error : "+err); } });}refresh("action.do", update("newsPanel"));refresh("action.do", update("articlePanel"));refresh("action.do", update("picturePanel"));其中,update函數即為柯里化的一個實例,它會返回一個函數,即:update("newsPanel") = function(text){ $("div#newsPanel").html(text);}

      由于update(“newsPanel”)的返回值為一個函數,需要的參數為一個字符串,因此在refresh的Ajax調用中,當success時,會給callback傳入服務器端返回的數據信息,從而實現newsPanel面板的刷新,其他的文章面板articlePanel,圖片面板picturePanel的刷新均采取這種方式,這樣,代碼的可讀性,可維護性均得到了提高。

      以上就是本文的全部內容,了解更多JavaScript的語法,大家可以查看:《JavaScript 參考教程》、《JavaScript代碼風格指南》,也希望大家多多支持。

    【JavaScript中的函數式編程】相關文章:

    JavaScript中push(),join() 函數實例詳解09-05

    javascript編程異常處理的方法08-04

    淺析jQuery 遍歷函數javascript08-06

    Javascript函數的定義和用法分析08-15

    最常用的20個javascript方法函數09-10

    JavaScript日期時間格式化函數08-29

    JavaScript中的with關鍵字07-24

    在Java中執行JavaScript代碼07-14

    Javascript中typeof 用法歸納09-27

    JavaScript中常見的字符串操作函數及用法07-24

    主站蜘蛛池模板: 99久久国产综合精品成人影院| 久久噜噜久久久精品66| 国产成人精品免高潮在线观看| 亚洲精品成人无码中文毛片不卡| 99久久精品国产一区二区蜜芽| 精品调教CHINESEGAY| 欧美日韩国产精品系列| 国产精品视频网| 久久免费的精品国产V∧| 欧美成人精品第一区二区三区| 亚洲无删减国产精品一区| 精品亚洲aⅴ在线观看| 亚洲精品久久久www | 久久国产精品免费| 久久国产精品久久| 国产精品久久久亚洲| 青青青国产精品一区二区| 午夜精品一区二区三区在线观看| 国产精品99久久不卡| 午夜精品美女写真福利| 国产福利微拍精品一区二区| 国产午夜福利精品久久2021| 中文字幕久精品免费视频| 久久久无码精品亚洲日韩软件| 99精品国产成人一区二区| 欧美精品免费在线| 国产精品免费网站| 成人午夜精品网站在线观看| 精品三级AV无码一区| 精品无码人妻夜人多侵犯18| 日韩人妻无码精品久久久不卡 | 在线观看国产精品日韩av| 精品一区二区三区四区在线| 国产精品无码永久免费888| 国产高清国内精品福利99久久| 最新国产精品亚洲| 一本大道久久a久久精品综合 | 日韩精品无码一区二区三区免费| 三级高清精品国产| 无码人妻精品一区二区三区99不卡 | 精品精品国产自在久久高清|