JavaScript为什么不支持重载
javascript为什么不支持重载呢?看下面两个函数:
function AddNum(a)
{
alert(12+a);
}
function AddNum(b,c)
{
alert(13+b);
}
当我们在html里调用AddNum函数的时候,事实上我们是调用了后面的一个function。例如:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
function AddNum(a)
{
alert(12+a);
}
function AddNum(b,c)
{
alert(13+b);
}
</script>
<title>无标题文档</title>
</head>
<body onload="AddNum(1)">
</body>
</html>
注:这个例子中,alert弹出的其实是“14”,即它是调用了后一个函数的值。
其实我们可以通过Function类来改写上面两个方法,就一目了然了。
AddNum = Function("a","alert(12+a)");
AddNum = Function("b","c","alert(13+b)");
函数名是指向Function对象的一个引用,可见AddNum被指向了新的对象。将上面的function替换如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
AddNum = Function("a","alert(12+a)");
AddNum = Function("b","c","alert(13+b)");</script>
<title>无标题文档</title>
</head>
<body onload="AddNum(1)">
</body>
</html>
注:结果为“14”