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 学习。