JavaScript中的函数重载深入理解

时间:2022-08-24 00:14:20

JavaScript中有一种特殊的数据类型---Function类型,JavaScript的每个函数都是Function类型的实例。由于函数是对象,因此函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定。

?
1
2
3
4
5
6
7
8
9
10
<pre name="code" class="html">function sum(num1,num2)
{
return num1 +num2;
}
 
alert(sum(10,10)); //20
var other = sum;
alert(other(10,10)); //20
sum = null;
alert(other(10,10)); //20

将函数名作为指向函数的指针,有助于理解为什么ECMAScript中没有函数重载的概念

?
1
2
3
4
5
6
7
8
9
function sum(num1)
{
return num1 +100;
}
function sum(num1)
{
return num1 +200;
}
alert(sum(200)); //400

虽然声明了两个同名函数,但是后面的函数覆盖了前面的函数,以上等价于下面的代码

?
1
2
3
4
5
6
7
8
9
function sum(num1)
{
return num1 +100;
}
sum = function(num1)
{
return num1 +200;
}
alert(sum(200)); //400

在创建第二个函数时,实际上覆盖了引用的第一个函数变量sum