js 方法重載

js  方法重載

好比  

   function fun1(obj) { alert(1) }
    function fun1(obj, obj1, obj2) { alert(3) }
    function fun1(obj2,obj3) {alert(2) }
    fun1();

最後 彈出 的是 2。由於 覆蓋了！

 

通常這樣作：

    function fun1(obj) { alert(1) }
    function fun3(obj, obj1, obj2) { alert(3) }
    function fun2(obj, obj1) { alert(2) }
  

    function funAll(obj, obj1, obj2, obj3) {
        if ( arguments.length == 1) {
            fun1(obj);
        }
        else if ( arguments.length == 2) {
            fun2(obj, obj1);
        }
        else if ( arguments.length == 3) {
            fun3(obj, obj1, obj2);
        }

        //這裏寫代碼 才能體現 重載的意義
        // We  Can do Something...
    }

    funAll("");
    funAll("", "");
    funAll("", "","");

 不過是利用了 Function 內部 的 arguments，  function 就是 js 內部對象  Function  。 監視能夠看到 Function 裏面 有 arguments 屬性、caller 屬性。

參見：http://www.jb51.net/article/43987.htm

 

調用函數的時候 ，小括號裏面 的 參數  能夠和定義的 數量 不同，反正 均可以 經過 arguments獲取，好比：

<input type="button" onclick="fun(1)" />
<script>
    function fun() {
        if (arguments.length===1) {
            alert(arguments[0]);//1
        }
    }

 

再好比說：

<input type="button" onclick="fun()" />
<script>
    function fun(obj) {
        if (arguments.length === 1) {
            alert(arguments[0]);
        } else {
            alert(0);  //0
        }
    }

  談到 了Function 對象，能夠參見 http://www.w3school.com.cn/js/pro_js_functions_function_object.asp

好比：

 new Function  第一個參數 是 參數名稱，第二個參數 是 代碼塊。

var doAdd = new Function("iNum", "alert(iNum + 20)");
var doAdd = new Function("iNum", "alert(iNum + 10)");
doAdd(10);

這就是 關於  js 的進階 學習了。 參見 w3school  裏面  ECMAScript 學習。