深入理解JavaScript函数：对象本质、重载缺失与声明提升

JS函数的对象本质

在JavaScript中，函数本质上是一个对象。每个函数都是Function类型的实例，拥有与其他引用类型相同的属性和方法。因此，函数名实际上是指向函数对象的指针，而非与特定函数体绑定。除了常见的定义方式外，还有一种定义方式能更直观地体现这一概念：

var sum = new Function("num1", "num2", "return num1 + num2"); //不推荐

Function构造函数可以接收任意数量的参数，但最后一个参数始终被视为函数体。这种方式存在一个缺点：代码会被解析两次，首先是基础的ES代码解析，其次是传入构造函数中的字符串解析，这会导致性能下降。此处列出旨在帮助理解JS中函数即对象的概念。

JS为何没有函数重载

（一）JS函数没有重载的概念

关于重载概念，我们可以类比Java的实现机制：在Java中，方法通过方法签名唯一标识。方法签名包括方法名、参数数量、参数顺序和参数类型。因此，若两个方法名相同但其他签名要素不同，编译器会将其视为不同方法，从而实现重载。（引用：怎么深入理解js中为什么没有重载呢--segmentfault 中manxisuo的回答）。

前文提到，JS中的函数名是指向函数对象的指针，因此函数名是函数的唯一标识，与参数列表无关。这意味着不会出现两个同名函数（因为一个指针同时只能指向一个对象），从而JS中不存在重载的概念。举例如下：

function sum(num1, num2){
return num1 + num2;
}
function sum(num1, num2, num3){
return num1 + num2 + num3;
}

上述情况可以换一种写法，以更直观地展示：

var sum = function(num1, num2){
return num1 + num2;
}
sum = function(num1, num2, num3){
return num1 + num2 + num3;
}

这样可以看出，第一行将sum指向function(num1,num2)，随后又将sum指向function(num1, num2, num3)。第二次赋值覆盖了第一次的指向，从而清晰地表明JS中并没有重载的概念。

函数声明与表达式的区别

（二）函数声明和函数表达式的区别

常见的函数定义方法主要有两种：函数声明和函数表达式。

函数声明是最常见的定义方式，示例如下：

function sum(num1, num2){
return num1 + num2;
}

函数表达式在闭包及某些框架中使用较多，例如Angular中常见的$scope.doSomething = function(){...}：

sum = function(num1, num2){
return num1 + num2;
};

上述两种定义方法看似几乎相同，但存在一个细微区别，请看以下示例：

//函数声明
alert(sum(100, 100));
function sum(num1, num2){
return num1 + num2;
}
//函数表达式
alert(sum(100, 100));
var sum = function(num1, num2){
return num1 + num2;
};

这两段代码看起来差异不大，仅定义方式不同。然而，第一段代码可以正常运行，而第二段则会报错。原因在于，在代码执行前，解析器会通过“函数声明提升”过程读取并将函数声明添加到执行环境中。简而言之，解析器会将函数声明置于源代码树的顶部。而第二段代码中，函数位于初始化语句中（不会提升到顶部），即在执行到赋值语句之前，sum并未指向任何函数，因此提前调用会报错。

以上所述是小编给大家介绍的JS中函数function的理解(基础篇)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对本站网站的支持！