js中重载的概念,以及实现重载

参考原文:https://www.cnblogs.com/yugege/p/5539020.html

http://www.cnblogs.com/pianruijie/p/7997914.html(原理)

如下图注释所示,js中重载的讲解:

js中重载的概念,以及实现重载

遇到一个面试题目,怎样实现js中函数的重载:

实质:不同传参,不同处理逻辑

js中重载的概念,以及实现重载

这里很巧妙,通过给对象定义一个方法,及改变作用域中的this指向,后面直接调用这个方法,

js中重载的概念,以及实现重载

这里是几种不同的传参,及各自的处理逻辑;

js中重载的概念,以及实现重载

js中重载的概念,以及实现重载

整个需求的实现逻辑:

1 执行addMethod函数,传入不同的参数,这里有三种,每种都传入各自的回调函数;

2 函数addMethod中,给对象定义方法,一共执行了三次,所以这里对象的方法是最后一次执行所定义的;

3 调用对象的方法,通过判断参数fn的参数个数跟函数内置对象arguments的长度比较,来执行对应的回调;