美丽的闭包,在js中实现函数重载

引言

最近在js的学习中,看到了函数重载的问题，一开始，只看到了实现代码，看着代码冥思苦想了半个小时，总算是理清了其实现的原理，也为其实现的巧妙感到赞叹，也是在自己搞懂原理之后，去网络上搜索了下，才知道，这个实现方法是jQuery作者John Resig在《 忍者秘籍》中对函数重载的实现，设计十分的巧妙，写下此文,给大家做一个分享

什么是函数的重载

重载，简单说，就是函数或者方法有相同的名称，但是参数列表不相同的情形，这样的同名不同参数的函数或者方法之间，互相称之为重载函数或者方法。

先来看看效果

 function addMethod (obj, name, fn) {        var old = obj[name];        obj[name] = function () {            console.log(1) //打印1            if(fn.length === arguments.length){                console.log(2) // 打印2                return fn.apply(this,arguments);            }else if(typeof old === 'function'){                console.log(3) // 打印3                return old.apply(this,arguments);            }        }    }    addMethod(person, 'show', function () {        console.log(this.userName + '---->' + 'show1')    })    addMethod(person, 'show', function (str) {        console.log(this.userName + '---->' + str)    })    addMethod(person, 'show', function (a, b) {        console.log(this.userName + '---->' + (a + b))    })

下面,我们看一下person.show方法,在不传参,传了一个参数,与传了两个参数时,函数执行的具体过程,

• person.show(10, 20)

12bear鲍的小小熊---->30

   function (a, b) {        console.log(this.userName + '---->' + (a + b))    }

1312bear鲍的小小熊---->bkl

return old.apply(this,arguments);

   addMethod(person, 'show', function (a, b) {        console.log(this.userName + '---->' + (a + b))    })

   function (str) {        console.log(this.userName + '---->' + str)    }

131312bear鲍的小小熊---->show1

   function () {        console.log(this.userName + '---->' + 'show1')    }