JavaScript函数声明与函数表达式的核心区别解析

函数声明与函数表达式在语法形式上存在明显差异。

 //函数声明
  let res1 = sum1(10 , 20)
  console.log(res1)
  function sum1(num1, num2) {
      return num1 + num2
  }

  //函数表达式
  let res2 = sum2(10 , 20)
 console.log(res2)
 let sum2 = function ( num1, num2 ){
     return num1 + num2
 }

理解函数声明的加载机制是掌握两者区别的关键。

函数声明支持预加载机制，而函数表达式不具备此特性。

使用函数声明定义的函数，可以在声明语句之前被调用；相比之下，通过函数表达式定义的函数，必须在声明语句执行之后才能被调用。

要深入理解这一现象，需要分析浏览器执行JavaScript代码的具体流程。

浏览器在执行代码前，会首先进行函数声明的分析阶段。

在网页分析期间，即任何代码实际执行之前，浏览器会扫描并查找所有的函数声明。一旦发现函数声明，浏览器会立即创建对应的函数对象，并将该函数的引用赋值给与函数名相同的变量。

完成声明分析后，浏览器开始正式执行代码逻辑。

当所有函数声明处理完毕后，浏览器会回到代码的起始位置，按照从上到下的顺序依次执行具体的代码语句。

浏览器继续执行后续逻辑，例如处理变量fly。

当处理完变量fly后，浏览器继续向下执行。此时遇到函数quack的声明，由于该声明在之前的分析阶段已被处理过，浏览器会直接跳过该声明语句，转而执行其后的条件判断语句。

至此，关于JavaScript函数声明与函数表达式区别的介绍已完成。如需了解更多JS函数声明相关内容，建议查阅本站过往文章或继续阅读后续系列教程，感谢大家的支持。