javaScript之 柯里化

• 自夸一句，小哥哥就是这样的学习习惯 - 喜欢刨根问底

• 扯犊子，你跟我说什概念，告诉我怎么用就ok了，sorry,这叫职业素养。概念必须要清楚。
• 维基百科对于柯里化的概念我就不粘贴了，省的边人说我不说人话。
• 在数学和计算机科学中，柯里化：是一种将使用多个参数的一个函数 转换成一系列使用一个参数的函数的技术。

• 关键字：多个参数的函数，fn(x1,x2,x3...){} 这样呗
• 关键字：转换成一系列一个参数的函数
  • var fn1 = curry(add, 1)
  • var fn2 = curry(fn1, 2)
  • var fn3 = curry(fn2, 3)
  • var fn4 = curry(fn3, 4)
  • ....

//小哥哥，先的有一个多个参数的函数
function add(a,b,c,d){
    return a + b + c + d
}
//然后我们在封装一个柯里化函数
function currying(fn){
    let _outArgs = [].slice.call(arguments,1)
    return function(){
        let _innArgs = [].slice.call(arguments,0)
        return fn.apply(null, _outArgs.concat(_innArgs));
    }
}
// 转换成一些列一个函数的参数
 var fn1 = currying(add, 1)
 var fn2 = currying(fn1, 2)
 var fn3 = currying(fn2, 3)
 var fn4 = currying(fn3, 4)
 console.log(test4Curry())//10   大功告成，这就是柯里化

• 面试官小哥哥老让我实现这样的功能 currying(1)(2)(3)
• 这就属于应用柯里化了

 function add(a,b,c,d){
     return a + b + c + d
 }
 function currying(fn){
     let _outArgs = [].slice.call(arguments,1)
     return function(){
         let _innArgs = [].slice.call(arguments,0)
         return fn.apply(null, _outArgs.concat(_innArgs));
     }
 }
 function useCurrying(){
     //拿到真正执行函数需要的参数的长度，检测到参数够了自动执行
     var length = length || fn.length
         return function(){
             //参数不够，返回一个函数
             if(arguments.length < length){
                 var combined = [fn].concat([].slice.call(arguments,0))
                 return curry(curring.apply(this,combined),length - arguments.length)
             }else{
                 //参数够了给我执行，欧力给
                 return fn.apply(this,arguments)
             }
         }
 }
 let useCurry = useCurrying(add)
 useCurry(1)(2)(3)(4) 
 useCurry(1,2)(3)(4)
 useCurry(1,2,3)(4)
 //..... 都是10  欧力给，没毛病。这种写法是不是很骚，哈哈

• 那就来封装个ajax的例子吧。

 function Ajax() {
     //小哥哥，ie下这样是得不到httpRequest对象的，ie兼容的问题咱就不考虑了
     this.xhr = new XMLHttpRequest();
 }

 //有逼格一点，原型链编程

 Ajax.prototype.open = function(type, url, data, callback) {
     this.onload = function() {
         callback(this.xhr.responseText, this.xhr.status, this.xhr);
     }
     this.xhr.open(type, url, data.async);
     this.xhr.send(data.paras);
 }

 let methods = "get post" //option,delete...那些方法，按下不表

 methods.split(' ').forEach(function(item) {
     Ajax.prototype[item] = currying(Ajax.prototype.open, item);
 });
 // 这样用起来是不是很爽....
 var xhr = new Ajax();
 xhr.get('/articles/list.php', {},
 function(data) {
      //自己的业务逻辑
 });
 // 在爽一下.....
 var xhr1 = new Ajax();
 xhr1.post('/articles/add.php', {},
 function(data) {
     //自己的业务逻辑
 });

• 前端使用柯理化的用途主要就应该是简化代码结构，提高系统的维护性，一个方法，只有一个参数，强制了功能的单一性，很自然 就做到了功能内聚，降低耦合
• 柯理化的优点就是降低代码的重复，提高代码的适应性