参考原文: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的长度比较,来执行对应的回调;

相关文章:

  • 2021-11-21
  • 2021-12-18
  • 2021-10-06
  • 2021-06-20
  • 2022-01-15
  • 2021-05-18
  • 2021-10-11
  • 2021-09-19
猜你喜欢
  • 2021-11-17
  • 2021-12-18
  • 2021-11-20
  • 2021-08-08
  • 2022-12-23
  • 2022-02-02
相关资源
相似解决方案