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

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

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

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

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

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

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

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

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

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

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

Underscore.js是一個非常著名并且隨處可見的JavaScript 庫。舉個例子：假設我有一組詞，并且我需要每個詞對應的前兩個字母。這用Underscore.js來寫非常簡單：

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

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

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

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

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

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

有些人可能在想：這個例子中的神奇之處在哪里？畢竟，說任何一個例子神奇都有點像吹噓，對吧？

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

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

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

最新評論