一、我们在学习java的时候，其中方法有一个比较的重要的特性重载，根据传入的参数的个数来执行不同的方法，而方法其根据签名来判断，而JavaScript却不能根据方法的签名来进行重载，只能通过参数的个数的来进行实现伪重载。

在函数体中有个对象arguments，记录调用函数的传入的参数的对象：

 <!DOCTYPE html>

 <html>

 <head>

     <title></title>

 </head>

 <body>

 <script type="text/javascript">

     function reloadFunc(ar1,ar2,ar3){

             console.log(arguments);

             console.log(typeof arguments);

     };

     reloadFunc('a','b')

 </script>

 </body>

 </html>

输出：

 Arguments() ["a", "b", callee: ƒ, Symbol(Symbol.iterator): ƒ]: "a": "b"callee: ƒ reloadFunc(ar1,ar2,ar3)length: 2Symbol(Symbol.iterator): ƒ values()__proto__: Object

我们可以在定义函数函数的不显示的显示参数，通过传入arguments的长度来判断参数。

     function reloadFunc(){

         switch(arguments.length){

             case :

             console.log("一个参数!");

             break;

             case :

             console.log("两个参数!");

             break;

             case :

             console.log('三个参数!');

             break;

             default:

             console.log('未传入参数!')

         }

     };

     reloadFunc('a','b');

     reloadFunc();

     reloadFunc(,,)

等同于：

 <script type="text/javascript">

     function reloadFunc(ar1,ar2,ar3){

         switch(arguments.length){

             case :

             console.log("一个参数!");

             break;

             case :

             console.log("两个参数!");

             break;

             case :

             console.log('三个参数!');

             break;

             default:

             console.log('未传入参数!')

         }

     };

     reloadFunc('a','b');

     reloadFunc();

     reloadFunc(,,)

 </script>

注意：1、当我们显示定义了参数之后，如果传入的参数个数小于我们显示定义参数，默认缺省参数为undefined的。

　　　2、arguments的对象和函数的参数是不同的内存空间，我们可以通过arguments修改参数。

　　　3、通过arguments修改参数的时候，可以反射对应的变量，但是arguments的长度在调用该函数的时候，就已经决定了。如果我们修改arguments的不存在的索引的变量值并不能反射到对应变量，依然是undefined的：

 <!DOCTYPE html>

 <html>

 <head>

     <title></title>

 </head>

 <body>

 <script type="text/javascript">

     function reloadFunc(ar1,ar2,ar3){

         arguments[]=;

         console.log(ar3);

     };

     reloadFunc('a','b');

 </script>

 </body>

 </html>

输出：

 undefined

我们可以通过下标访问arguments对象：

 <script type="text/javascript">

     function reloadFunc(ar1,ar2,ar3){

             console.log(arguments);

             console.log(typeof arguments);

             console.log(arguments[],arguments[])

     };

     reloadFunc('a','b')

 </script>

我们可以通过判断该对象的长度来进行方法的重载。

 <script type="text/javascript">

     function reloadFunc(ar1,ar2,ar3){

         switch(arguments.length){

             case :

             console.log("一个参数!");

             break;

             case :

             console.log("两个参数!");

             break;

             case :

             console.log('三个参数!');

             break;

             default:

             console.log('未传入参数!')

         }

     };

     reloadFunc('a','b');

     reloadFunc();

     reloadFunc(,,)

 </script>

输出：

 两个参数!

 函数重载.html: 未传入参数!

 函数重载.html: 三个参数!

我们可以判断传入的参数的长度来决定一个执行的不同的代码块。实现类似的java的伪重载。

原生js函数的伪重载的更多相关文章

  1. js函数的伪重载

    这也是今天写东西是遇到的一个问题,导致我联想起了函数重载的问题. 在javascript中是没有函数重载机制的,对于用惯了java开发的同学可能就表示吃惊了,我屮艸芔茻,函数 没有重载?那怎么搞?!! ...

  2. 常用原生JS函数和语法集合

    luoyishan-2017-10-08 1. 输出语句:document.write(""); 2. JS中的注释为// 3. 传统的HTML文档顺序是:document-> ...

  3. 原生js 函数 callee属性

    一.在es5中,函数中有arguments参数,该参数是一个包含函数传入的参数的类数组. <script> function myArrgu(x){ console.log(argumen ...

  4. 原生JS研究：学习jquery源码，收集整理常用JS函数

    原生JS研究:学习jquery源码,收集整理常用JS函数: 1. JS获取原生class(getElementsByClass) 转自:http://blog.csdn.net/kongjiea/ar ...

  5. 如何编写高质量的 JS 函数（4） --函数式编程[实战篇]

    本文首发于 vivo互联网技术 微信公众号 链接:https://mp.weixin.qq.com/s/ZoXYbjuezOWgNyJKmSQmTw作者:杨昆 [编写高质量函数系列],往期精彩内容: ...

  6. __call PHP伪重载方法

    为了避免当调用的方法不存在时产生错误,可以使用 __call() 方法来避免.该方法在调用的方法不存在时会自动调用,程序仍会继续执行下去 该方法有两个参数,第一个参数 $function_name 会 ...

  7. 原生JS实现call,apply,bind函数

    1. 前言 使用原生JS实现call和apply函数,充分了解其内部原理.call和apply都是为了解决改变this的指向.作用都相同,只是传参的方式不同.除了第一个参数外,call可以接受一个参数 ...

  8. 原生js判断css动画结束 css 动画结束的回调函数

    原文:原生js判断css动画结束 css 动画结束的回调函数 css3 的时代,css3--动画 一切皆有可能: 传统的js 可以通过回调函数判断动画是否结束:即使是采用CSS技术生成动画效果,Jav ...

  9. 原生JS封装创建多级菜单函数

    手写一个使用原生JS封装的多级菜单的函数,满足以下几点需求. 子类层级不确定,可根据数据自动生成多级菜单. 操作便捷,只需传入一个HTML标签. 缺点: 需要满足特定的数据结构 废话不多说,展示代码. ...

随机推荐

  1. 【RabbitMQ】5、RabbitMQ任务分发机制

    当有Consumer需要大量的运算时,RabbitMQ Server需要一定的分发机制来balance每个Consumer的load.接下来我们分布讲解. 应用场景就是RabbitMQ Server会 ...

  2. 写出java8实现对List<User>中的username字段过滤出不等于张三的数据

    写出java8实现对List<User>中的username字段过滤出不等于张三的数据... 对...这个是一道面试题.当时没有看过java8的新特性...所以有点懵. 看完之后感觉 真. ...

  3. JS调用模式

    在js中,一共4中调用方式.需要注意的是,调用方式中,this的指向问题. 函数调用模式 this丢失,debug会提示未定义相应属性.按照规范,需要将this赋值给that let myObj = ...

  4. git命令详解（一）

    今天我们来详解一下git的各种命令,此为git的第一篇,后续还会有好几篇,希望大家看了能有所进步 第一篇的命令 1.git commit 2.git branch 3.git merge 4.git ...

  5. Jmeter进阶篇之监控服务器cpu，内存

    对于Jmeter,可以不再赘述,因为介绍得也够多了. 那么相信有部分同学已经尝试着自主去学习如果使用Jmeter对服务器进行压力测试了. 但是可能也会发现,Jmeter好像监控不了服务器的cpu已经内 ...

  6. MVC与单元测试实践之健身网站(五)-系统信息、前台入口

    Fit项目停滞了一段时间,现在继续吧.上一篇完成了动作文本和配图的添加.编辑等内容.接下来要完成的是后台的最后一个模块:系统信息:以及前台的入口:关于注册.登录.修改密码等. 一 系统信息 a) 用户 ...

  7. 分享一下我研究SQLSERVER以来收集的笔记

    分享一下我研究SQLSERVER以来收集的笔记 前言 为什麽分享??因为像现在网上很多人攻城师那样,转行去卖水果,卖早餐,总有一日我也会离开这个行业的 由于本人不是在大公司上班工资很低,我希望有一天存 ...

  8. JSON数据提取

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,它使得人们很容易的进行阅读和编写.同时也方便了机器进行解析和生成.JSON在数据交换中起到了一个载体的作用 ...

  9. nginx、tomcat调优方向及压测网站步骤

    nginx调优方向: 1.所用事件处理模型 2.进程数 3.每个进程的连接数 4.压缩 5.缓存 tomcat调优方向: 1.内存 2.总内存 3.初始申请内存 4.线程内存 5.GC方面 tomca ...

  10. MySQL面试题之死锁

    什么是死锁?锁等待?如何优化这类问题?通过数据库哪些表可以监控? 死锁是指两个或多个事务在同一资源上互相占用,并请求加锁时,而导致的恶性循环现象.当多个事务以不同顺序试图加锁同一资源时,就会产生死锁. ...