国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JS函數重載的解決方案

2024-05-06 16:05:52
字體:
來源:轉載
供稿:網友
在面向對象的編程中,很多語言都支持函數重載,能根據函數傳遞的不同個數、類型的參數來做不同的操作,JS對它卻不支持,需要我們額外做些小動作。

在面向對象的編程中,很多語言都支持函數重載,能根據函數傳遞的不同個數、類型的參數來做不同的操作,JS對它卻不支持,需要我們額外做些小動作。
  
  在JS的函數執行上下文中有一個名為arguments的有意思的變量,它以數組的形式存儲了函數執行時傳遞過來的所有參數,即使函數定義沒有定義這 么多個形參。還有一個特別之處就是跟Array類型相比,arguments變量有且只有一個length屬性,Array的方法,例如push、pop 等,它并不具備,它只是一個“偽數組”:具有length屬性,存儲的數組能夠用數組訪問符[]來訪問,并且是只讀不可寫。

一、對于不同個數參數的重載
  這里應該很明白,直接用arguments函數的length屬性來判斷就可以了。


復制代碼 代碼如下:


<script type="text/javascript">
function talk(msg,handler){
     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);});
</script>

二、對于不同類型的參數的重載 
  對于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);
  ..
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 阳城县| 武城县| 天峨县| 寻乌县| 深泽县| 西乌珠穆沁旗| 桐乡市| 孟州市| 四子王旗| 龙海市| 库车县| 玉溪市| 津市市| 神农架林区| 屏山县| 博客| 双桥区| 吴江市| 鲜城| 喀喇| 鄂尔多斯市| 津南区| 双江| 井陉县| 秦皇岛市| 湖南省| 湘潭县| 顺昌县| 开封县| 柞水县| 长宁县| 界首市| 女性| 韶山市| 金秀| 道孚县| 邮箱| 涞源县| 新源县| 宁武县| 普兰县|