讓我們假裝現(xiàn)在要完成一個(gè)任務(wù)：盡可能按照函數(shù)式語言的原則來寫JavaScript代碼。

接下來一系列文章就是為了讓你們和我一起開始這樣一段旅程。首先，我們需要糾正一些你們腦子中可能有的對(duì)函數(shù)式語言錯(cuò)誤的概念。

JS語言中的函數(shù)式被嚴(yán)重誤解。

很顯然，有相當(dāng)多的開發(fā)者要每天用JavaScript的函數(shù)式范式 。我想說有更大一部分JavaScript 開發(fā)者沒有真正理解這些東西。

我認(rèn)為造成這個(gè)的原因是絕大多數(shù)用于Web服務(wù)器端的開發(fā)語言都是來源于C，而大家都知道這些語言不是函數(shù)式語言。

一般有兩個(gè)層面的困惑。第一層是關(guān)于以下示例中的用法，這是jQuery中非常常見的用法：

$(".signup").click(function(event){
    $("#signupModal").show();
    event.preventDefault();
});

在上面這段代碼中：我們傳了一個(gè)匿名函數(shù)作為參數(shù)，這就是在JavaScript 中臭名昭著的回調(diào)函數(shù)。這些函數(shù)會(huì)被調(diào)用嗎？根本不會(huì)！

上面這個(gè)例子說明了函數(shù)式語言的一個(gè)關(guān)鍵特征：函數(shù)是一種參數(shù)。另一方面，這個(gè)例子只用三行代碼違反了幾乎所有能違反的函數(shù)式編程范式。

第二層的疑惑是更微妙的?？纯催@個(gè)：只有少數(shù)時(shí)髦的JS開發(fā)者是這樣看自己的：

嗯，真不錯(cuò)！但是我已經(jīng)完全了解函數(shù)式編程，我在所有的項(xiàng)目中都用了Underscore.js。

Underscore.js是一個(gè)非常著名并且隨處可見的JavaScript 庫(kù)。舉個(gè)例子：假設(shè)我有一組詞，并且我需要每個(gè)詞對(duì)應(yīng)的前兩個(gè)字母。這用Underscore.js來寫非常簡(jiǎn)單：

var firstTwoLetters = function(words){
    return _.map(words,function(word){
        return _.first(word,2);
    });
};

看這個(gè)JavaScript 例子。我用了函數(shù)式中精致又實(shí)用的函數(shù)：_.map和_.first。對(duì)于這個(gè)大家有什么想法？

雖然underscore.js和 _.map這樣的函數(shù)都是很有用的函數(shù)式范式，但是像這個(gè)例子中這樣把這些東西放在一起還是讓我感到有些難以理解。我們真的需要這樣做嗎？

如果我們開始思考怎樣才能更加“函數(shù)式”，也許我們可以把上面的例子改寫成這樣：

// ...a little bit of magic
var firstTwoLetters = map(first(2));

仔細(xì)想想，這一行代碼和上面的5行是一樣的效果。很多詞只是參數(shù)或占位符。真正的邏輯在于把map函數(shù)、first函數(shù)和常量2用有意義的方式組合在一起。

有些人可能在想：這個(gè)例子中的神奇之處在哪里？畢竟，說任何一個(gè)例子神奇都有點(diǎn)像吹噓，對(duì)吧？

我正打算用接下來的兩篇文章來解釋上面這個(gè)例子到底神奇在哪，如果你好奇的話，可以繼續(xù)往下看。

這一系列博客是為了幫助大家怎樣把函數(shù)式編程的美妙之處應(yīng)用到你的JavaScript代碼中。

下一節(jié)中，我將討論JavaScript 語言中函數(shù)式及非函數(shù)式的多種元素。有了這些知識(shí)，我們可以通過把這些元素整合在一起，慢慢的在腦中形成函數(shù)式編程的完整體系，并且理解它們?cè)贘avaScript中的表現(xiàn)。

最新評(píng)論