国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

通過實例了解Javascript柯里化流程

瀏覽:72日期:2023-11-09 09:21:02

函數式編程是一種如今比較流行的編程范式,它主張將函數作為參數進行傳遞,然后返回一個沒有副作用的函數,說白了,就是希望一個函數只做一件事情。

像Javascript,Haskell,Clojure等編程語言都支持函數式編程。

這種編程思想涵蓋了三個重要的概念:

純函數 柯里化 高階函數

而這篇文章主要是想向大家講清楚柯里化這個概念。

什么是柯里化

首先我們先來看一個例子:

function sum(a, b, c) { return a + b + c;}// 調用sum(1, 2, 3); // 6

上述函數實現的是將a,b,c三個參數相加,改寫為柯里化函數如下:

function sum(a) { return function (b) { return function(c) { return a + b + c; } }}// 調用let sum1 = sum(1);let sum2 = sum1(2);sum2(3); // 6

所謂柯里化就是把具有較多參數的函數轉換成具有較少參數的函數的過程。

我們來一步步看上面那個柯里化函數做了什么,首先第一步調用了sum(1),此時變量sum1相當于:

sum1 = function(b) { return function(c) { // 注意此時變量a存在于閉包中,可以調用,a = 1 return a + b + c; }}

然后調用sum1(2),此時賦值給變量sum2相當于:

sum2 = function(c) { // 變量a,b皆在閉包中, a = 1, b = 2 return a + b + c;}

最后調用sum2(3),返回1 + 2 + 3的結果6;

這就是一個最簡單的柯里化函數,是不是很簡單呢?

柯里化函數的作用

那么問題來了,上面改寫后的柯里化函數和原函數比起來代碼多了不少,而且也不如原函數好理解,柯里化函數到底有什么用呢?

確實,柯里化函數在這里看起來的確是很臃腫,不實用,但在很多場景下他的作用是很大的,甚至很多人在不經意間已經在使用柯里化函數了。舉一個簡單的例子:

假設我們有一批的長方體,我們需要計算這些長方體的體積,實現一個如下函數:

function volume(length, width, height) { return length * width * height;}volume(200, 100, 200);volume(200, 150, 100);volume(200, 50, 80);volume(100, 50, 60);

如上計算長方體的體積函數會發現存在很多相同長度的長方體,我們再用柯里化函數實現一下:

function volume(length, width, height) { return function(width) { return function(height) { return length * width * height; } }}let len200 = volume(200);len200(100)(200);len200(150)(100);len200(50)(80);volume(100)(50)(60);

如上,通過實現一個len200函數我們統一處理長度為200的長方體的體積,這就實現了參數復用。

我們再舉一個只執行一次函數的例子:

function execOnce(fun) { let flag = true; return function() { if (flag) { fun && fun(); flag = false; } }}let onceConsole = execOnce(function() { console.log(’只打印一次’);});onceConsole();onceConsole();

如上,我們實現了一個execOnce函數,該函數接受一個函數參數,然后返回一個函數,變量flag存在閉包中,用來判斷返回的函數是否執行過,onceConsole相當于:

let onceConsole = function() { if (flag) { (function() { console.log(’只打印一次’); })() flag = false; }}

這也是柯里化函數的一個簡單應用。

通用柯里化函數的實現

既然柯里化函數這么實用,那么我們能不能實現一個通用的柯里化函數呢?所謂通用,就是說該函數可以把函數參數轉換為柯里化函數,看下第一版實現的代碼:

// 第一版var curry = function (fn) { var args = [].slice.call(arguments, 1); return function() { var newArgs = args.concat([].slice.call(arguments)); return fn.apply(null, newArgs); };}; function add(a, b) { return a + b; }var addFun = curry(add, 1, 2);addFun() // 3//或者var addOne = curry(add, 1);

如上代碼,我們接受一個函數作為參數,然后收集其它的參數,將這些參數傳給這個函數參數去執行。但上面的代碼有個問題,參數不夠自由,比如我們想這么調用就會報錯:

var addFun = curry(function(a, b,c) { return a + b + c;}, 1);addFun(2)(3); // 報錯 addFun(...) is not a function

這好像違背了我們參數復用的原則,改進如下:

function curry(fn, args) { var length = fn.length; args = args || []; return function(...rest) { var _args = [...args, ...rest]; return _args.length < length ? curry.call(this, fn, _args) : fn.apply(this, _args); }}var fn = curry(function(a, b, c) { console.log(a + b + c);});fn(’a’, ’b’, ’c’); // abcfn(’a’, ’b’)(’c’); // abcfn(’a’)(’b’)(’c’); // abc

如上實現就很完善,該工具函數的實現總結起來就一句話:

利用閉包將函數的參數儲存起來,等參數達到一定數量時執行函數。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 男女男精品视频网站在线观看 | 国产精品久久久久久久久久久久久久 | a级日韩乱理伦片在线观看 a级特黄毛片免费观看 | 国产成人精品午夜在线播放 | 一个色综合久久 | 一区二区在线看 | 久久精品综合国产二区 | 欧美黄视频 | 欧美精品三区 | 亚洲伊人色综合网站小说 | 亚洲免费一级片 | 免费观看a级毛片在线播放 免费观看a级网站 | 一区二区三区成人 | 亚洲图片一区二区三区 | 欧美精品在线视频观看 | 97精品福利视频在线 | 无国产精品白浆是免费 | 怡红院亚洲怡红院首页 | 97人摸人人澡人人人超一碰 | 国产韩国精品一区二区三区久久 | 最新国产精品亚洲 | 一区二区视屏 | 亚洲偷自拍另类图片二区 | 黄色三级日韩 | www.成人网 | 国产一区自拍视频 | 成人69视频在线观看免费 | 亚洲视频手机在线 | 欧美高清在线视频一区二区 | 欧美在线视频免费 | 日韩一区二区三区在线 | 久久综合丁香 | 国产精品亚洲第五区在线 | 中文字幕免费在线视频 | 日韩欧美一及在线播放 | 国产成人亚洲精品影院 | 亚洲国产精品ⅴa在线观看 亚洲国产精品aaa一区 | 欧美成人三级伦在线观看 | www.精品 | 国产美女精品在线 | 日本高清乱偷www |