柯里化

===================================

维基百科解释:

      柯里化,英语:Currying(果然是满满的英译中的既视感),是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术。

  总结

            1、多参数函数减少参数数量

            2、返回函数

  点评:柯里化就是一种对闭包的应用

 

优势

1、参数复用(or减少参数数量):

  创造闭包环境,在顶层作用域链缓存参数,既不会造成环境污染,又能创造最大范围的“伪全局”变量,在下级(如return的函数)作用域中使用,以达到参数复用的效果。

2、延时运行:

  如js中经常使用的bind,实现的机制就是Currying。bind也是返回一个函数

3、可以减少重复的预处理:

  比如做浏览器兼容性处理

var on = function(element, event, handler) {
    if (document.addEventListener) {
        if (element && event && handler) {
            element.addEventListener(event, handler, false);
        }
    } else {
        if (element && event && handler) {
            element.attachEvent('on' + event, handler);
        }
    }
}

var on = (function() {
    if (document.addEventListener) {
        return function(element, event, handler) {
            if (element && event && handler) {
                element.addEventListener(event, handler, false);
            }
        };
    } else {
        return function(element, event, handler) {
            if (element && event && handler) {
                element.attachEvent('on' + event, handler);
            }
        };
    }
})();

  

缺点

1、会造成内存泄漏,危害大小看使用情况

 

隐式调用

===================================

说白了就是:数据类型转换 toSting 和 valueOf,重写toSting 和 valueOf,能再对象调用时被隐式调用,是js解析器的原理,有toSting时主要用toSting,没有toSting会用valueOf来替代

经典的面试题,add叠加求和

===================================

Q:实现add 有如下结果

console.log(add(1)(2)(3))  //  6
console.log(add(1, 2, 3)(4))   //  10
console.log(add(1)(2)(3)(4)(5))   //  15
 
A:代码如下
 
function add (){
  var arr = Array.prototype.slice.call(arguments)
  var f = function (){
    arr.push(...arguments)
    return f
  }
  f.toString = function(){
    return arr.reduce((a, b) => a + b)
  }
  return f
}