JavaScript Function 类型详解：声明方式与运行机制

Function 类型的本质与特性

Function 类型

Function类型在JavaScript中占据着核心地位，是开发过程中不可或缺的基础概念。

首先，函数本质上是一个对象，属于引用类型。尽管从这一属性出发，容易让人误以为其基类是Object，但实际上这种直觉并不准确。

Function与Object是两个完全独立的类型。通过typeof运算符检测函数时，返回的结果是“function”而非“object”，这证实了它们的独立性。

每个具体的函数都是Function对象的实例，因此它拥有其他引用对象共有的属性和方法。由于函数也是对象，函数名实际上是指向该函数对象内存地址的指针。

函数的声明方式与解析机制

关于函数的声明的语法支持：

<script>

  //方式1
  function fun(num1,num2){
    return num1+num2;
  }
  
  //方式2
  var fun=function(num1,num2){
    return num1+num2;
  };

  //方式3
  var fun=new Function("n1","n2","return n1+n2");
  
</script>

JavaScript提供了三种声明函数的方式，虽然都能实现功能，但它们在语义和执行机制上存在显著差异。

方式1被视为标准的函数声明，而方式2和方式3则属于函数表达式。其中方式3（使用Function构造函数）不推荐使用，因为它会导致代码被解析两次：首先解析常规的ECMAScript代码，随后再解析传入的参数字符串。

这种写法中，参数数量可以是任意多个，但最后一个参数始终被视为函数的主体代码。

造成差异的主要原因在于JavaScript解析器对“函数声明”和“函数表达式”的处理逻辑不同。解析器会优先读取并处理函数声明，确保在代码执行前，函数声明会被自动提升至当前执行环境的顶端。

相比之下，函数表达式只有当代码执行流到达该语句时，才会被解释并执行。深入理解这一区别对于掌握JavaScript执行机制至关重要。

看代码

<script>
  console.log(typeof fun); //"function"
  console.log(typeof fun2); //"undefined"
  console.log(typeof fun3); //"undefined"
  function fun(n1,n2){
   return n1+n2;
  }
  var fun2=function(n1,n2){
   return n1+n2;
  }
  var fun3=new Function("n1","n2","return n1+n2;");
 </script>

JavaScript中函数重载机制的解析

3.为什么函数没有重载？

这个问题要从js的语言特性来考虑。在第2条已经说了，函数名称只是指向函数对象的一个指针。根据指针的概念去理解就清楚了。

看代码示例：

<script>
  function fun(n1){
   return n1+100;
  }
  function fun(n1){
   return n1+200;
  }
  console.log(fun(1));// 201 
  
  //以上写法在解析后应为
  
  var fun=function(n1){
    return n1+100;
  }
  fun=function(n1){
   return n1+200;
  }
  
  // fun 的引用被覆盖了
  console.log(fun(1));// 201 
 </script>

本文主要梳理了这些基本概念，旨在帮助存在认知盲区的读者建立清晰的理解。如有任何需要指正或补充之处，欢迎留言交流。

以上所述就是本文的全部内容了，希望大家能够喜欢。