JS闭包与柯里化

闭包和柯里化都是 JavaScript 常常用到并且比较高级的技巧，全部的函数式编程语言都支持这两个概念，所以，咱们想要充分发挥出 JavaScript 中的函数式编程特征，就须要深刻的了解这两个概念，咱们在第七章中详细的讨论了闭包及其特征，闭包事实上更是柯里化所不可缺乏的基础。

柯里化的概念

闭包的咱们以前已经接触到，先说说柯里化。柯里化就是预先将函数的某些参数传入，获得一个简单的函数，可是预先传入的参数被保存在闭包中，所以会有一些奇特的特性。好比：
var adder = function(num){
    return function(y){
        return num + y;
    }
}
var inc = adder(1);
var dec = adder(-1);

这里的 inc/dec 两个变量事实上是两个新的函数，能够经过括号来调用，好比下例中的用法：
//inc, dec如今是两个新的函数，做用是将传入的参数值(+/-)1
print(inc(99));//100
print(dec(101));//100
print(adder(100)(2));//102
print(adder(2)(100));//102

柯里化的应用

根据柯里化的特性，咱们能够写出更有意思的代码，好比在前端开发中常常会遇到这样的状况，当请求从服务端返回后，咱们须要更新一些特定的页面元素，也就是局部刷新的概念。使用局部刷新很是简单，可是代码很容易写成一团乱麻。而若是使用柯里化，则能够很大程度上美化咱们的代码，使之更容易维护。咱们来看一个例子：
//update会返回一个函数，这个函数能够设置id属性为item的web元素的内容
function update(item){
    return function(text){
        $("div#"+item).html(text);
    }
}
//Ajax请求，当成功是调用参数callback
function 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?target=news", update("newsPanel"));
refresh("action.do?target=articles", update("articlePanel"));
refresh("action.do?target=pictures", update("picturePanel"));

其中，update 函数即为柯里化的一个实例，它会返回一个函数，即：
    update("newsPanel") = function(text){
        $("div#newsPanel").html(text);
    }

因为 update(“newsPanel”)的返回值为一个函数，须要的参数为一个字符串，所以在refresh 的 Ajax 调用中，当 success 时，会给 callback 传入服务器端返回的数据信息，从而实现 newsPanel 面板的刷新，其余的文章面板 articlePanel,图片面板 picturePanel的刷新均采起这种方式，这样，代码的可读性，可维护性均获得了提升。