JS中模拟函数重载

作者:LuLi 来源:SimpleLife 时间:2008-01-03 16:46:00 

在面向对象的编程中,很多语言都支持函数重载,能根据函数传递的不同个数、类型的参数来做不同的操作,JS对它却不支持,需要我们额外做些小动作。

在JS的函数执行上下文中有一个名为arguments的有意思的变量,它以数组的形式存储了函数执行时传递过来的所有参数,即使函数定义没有定义这么多个形参。还有一个特别之处就是跟Array类型相比,arguments变量有且只有一个length属性,Array的方法,例如push、pop等,它并不具备,它只是一个“伪数组”:具有length属性,存储的数组能够用数组访问符[]来访问,并且是只读不可写。

一、对于不同个数参数的重载
  这里应该很明白,直接用arguments函数的length属性来判断就可以了。


var len = arguments.length;
        //传递过来一个参数的时候执行 
        if(len==1){
            alert("Function say:"+msg);
        }
        //传递过来两个参数的时候执行
        else if(len==2){
            handler(msg);
        }
    }
    talk("demo");
    talk("demo",function(w){alert("Handler say:"+w);}); 


二、对于不同类型的参数的重载

对于JS这样一种动态类型的语言,这种变量声明的随意性淡化了严格的变量类型在开发人员脑子里的重要性(PS:同样是基于ECMA体系的,AS就引入了变量声明的强制类型),很多意想不到的BUG其实都是由这种变量类型的自动转换造成的。其实JS提供了很准确的方法让我们来严格检测变量的类型,比较通用的就是typeof方法和constructor属性。
  1、typeof variable 返回变量类型


temp = "say";       //string
    temp = 1;           //number
    temp = undefined;   //undefined
    temp = null;        //object
    temp = {};          //object  
    temp = [];          //object  
    temp = true;        //boolean
    temp = function (){} //function
    
    alert(typeof temp); 


通过上面的测试你可以看出来,对于null,Object,Array返回的都是object类型,而使用下面的方法就可以解决这个困扰。

2.constructor属性检测变量类型

JS中每个对象都有constructor属性,它是用来引用构造此对象的函数,通过对这个引用的判断就可以检测变量类型了。


temp = "say";         
    temp.constructor==String; //true
 
    temp= {};
    temp.constructor == Object;//true
 
 
    temp= [];
    temp.constructor == Array;//true 


通过上面的测试已经很容易的把Array和Object类型的变量区分开了。下面我们来对自定义的对象做个测试看看会发生什么。


//自定义对象
    function Ball(){}
    //实例化一个对象
    var basketBall = new Ball();
    basketBall.constructor==Ball; //true 


这可以说明constructor属性对于自定义的对象一样适用。

在弄清楚了上面两个方法的适用以后再来回到JS函数重载的模拟上来,下面这个例子是根据参数类型来重载。


function talk(msg){
        var t = typeof msg;
        if(t=="string"){
            alert("It's a string");
        }
        else if(t=="number"){
            alert("It's a number");
        }
    }
 
    talk(10);       //It's a string
    talk("demo");   //It's a number 


附上一个很巧妙的严格检测参数类型和个数的函数:

//依据参数列表来严格地检查一个变量列表的类型
    function strict( types, args ) {
        //确保参数的数目和类型核匹配
        if ( types.length != args.length ) {
            //如果长度不匹配,则抛出异常
            throw "Invalid number of arguments. Expected " + types.length +
                ", received " + args.length + " instead.";
            }
        //遍历每一个参数,检查基类型
        for ( var i = 0; i < args.length; i++ ) {
            //如JavaScript某一项类型不匹配,则抛出异常
            if ( args[i].constructor != types[i] ) {
                throw "Invalid argument type. Expected " + 
                    types[i].name +", received " + 
                    args[i].constructor.name + " instead.";
            }
        }
    }
    
    //上述方法的使用
    function doFunction(id,name){
        //检测参数个数和类型
        strict([Number,String],arguments);
        ..
    }


标签:javascript,函数重载,函数
0
投稿

猜你喜欢

  • Python-split()函数实例用法讲解

    2023-12-12 07:13:20
  • TIOBE编程语言排行榜前20的语言入门书籍推荐

    2023-04-05 12:19:48
  • 原来CSS也可以把IE6弄死

    2007-08-14 09:30:00
  • python机器学习Sklearn实战adaboost算法示例详解

    2023-08-15 06:35:59
  • python中pandas.read_csv()函数的深入讲解

    2023-12-27 00:10:32
  • 详解如何在vue项目中使用layui框架及采坑

    2024-04-09 10:58:35
  • python Socket之客户端和服务端握手详解

    2021-11-29 18:48:21
  • vue实现input输入模糊查询的三种方式

    2024-05-08 10:42:12
  • python中dot函数运算过程总结

    2021-03-01 16:52:23
  • Python turtle绘画象棋棋盘

    2022-05-06 22:48:55
  • 详解python 拆包可迭代数据如tuple, list

    2022-01-08 19:28:43
  • Python爬虫中Selenium实现文件上传

    2023-03-27 22:00:26
  • 在ASP.NET 2.0中操作数据之五十六:使用ObjectDataSource缓存数据

    2024-05-11 09:26:18
  • 给展示性图片增加提示工具条(黑白效果)

    2007-10-20 14:21:00
  • getAllResponseHeaders获取网页的http头信息代码

    2010-03-31 14:31:00
  • Python实现简单的HttpServer服务器示例

    2021-02-07 21:29:35
  • python打印直角三角形与等腰三角形实例代码

    2023-12-30 04:17:47
  • Python从零开始创建区块链

    2021-02-12 12:21:14
  • 详解python读取matlab数据(.mat文件)

    2021-03-04 19:29:29
  • Python字典 dict几种遍历方式

    2023-01-14 19:48:28
  • asp之家 网络编程 m.aspxhome.com