国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Javascript閉包與函數(shù)柯里化淺析

2019-11-20 09:37:41
字體:
供稿:網(wǎng)友

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

一、柯里化的概念

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

  柯里化就是預(yù)先將函數(shù)的某些參數(shù)傳入,得到一個(gè)簡(jiǎn)單的函數(shù)。但是預(yù)先傳入的參數(shù)被保存在閉包中,因此會(huì)有一些奇特的特性。比如:

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

這里的inc/dec兩個(gè)變量事實(shí)上是兩個(gè)新的函數(shù),可以通過括號(hào)來調(diào)用,比如下例中的用法:

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

二、柯里化的應(yīng)用

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

//update會(huì)返回一個(gè)函數(shù),這個(gè)函數(shù)可以設(shè)置id屬性為item的web元素的內(nèi)容function update(item){  return function(text){     $("div#"+item).html(text);  }}//Ajax請(qǐng)求,當(dāng)成功是調(diào)用參數(shù)callbackfunction refresh(url, callback){  var params = {     type : "echo",     data : ""  };  $.ajax({     type:"post",     url:url,     cache:false,     async:true,     dataType:"json",     data:params,     //當(dāng)異步請(qǐng)求成功時(shí)調(diào)用     success: function(data, status){        callback(data);     },     //當(dāng)請(qǐng)求出現(xiàn)錯(cuò)誤時(shí)調(diào)用     error: function(err){        alert("error : "+err);     }  });}refresh("action.do?target=news", update("newsPanel"));refresh("action.do?target=articles", update("articlePanel"));refresh("action.do?target=pictures", update("picturePanel"));其中,update函數(shù)即為柯里化的一個(gè)實(shí)例,它會(huì)返回一個(gè)函數(shù),即:update("newsPanel") = function(text){  $("div#newsPanel").html(text);}

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

以上就是本文的全部?jī)?nèi)容,了解更多JavaScript的語法,大家可以查看:《JavaScript 參考教程》、《JavaScript代碼風(fēng)格指南》,也希望大家多多支持武林網(wǎng)。

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 收藏| 喀喇| 开远市| 阳春市| 绥滨县| 桑日县| 芮城县| 呼和浩特市| 扶风县| 淄博市| 台湾省| 鄢陵县| 大厂| 嘉荫县| 仪陇县| 鸡西市| 仪征市| 望谟县| 灵武市| 满洲里市| 岳阳市| 金堂县| 榕江县| 靖安县| 安仁县| 志丹县| 蕉岭县| 遂溪县| 安阳县| 白城市| 黄大仙区| 广丰县| 简阳市| 津南区| 洛阳市| 芜湖县| 鹤峰县| 龙里县| 林州市| 宁都县| 汝阳县|