JavaScript var functionName = function() {}和function functionName() {}之间的区别

在本文中，我们将讨论 函数functionName(){}和functionName = function(){} 并使用适当的代码示例对每个条件进行说明，然后我们将看到函数functionName(){}和functionName = function(){}之间的区别。

函数functionName(){}: 函数声明是一个语句，它创建具有指定参数和函数体的命名函数。它使用function关键字，后跟函数的名称和包含参数（如果有）的括号，以及用花括号括起来的函数体。在定义函数的作用域中可以通过名称调用函数。

语法: 函数声明语法是在JavaScript中定义函数最常见的方式。

function functionName() {
      // Function body
}

示例: 在这个示例中，我们将使用函数声明。这里，我们定义了一个名字为 addNumbers 的函数，它接受两个参数 a 和 b 。函数体包含一个单独的语句，将 a 和 b 相加并返回结果。

Javascript

function addNumbers(a, b) { 
      return a + b; 
} 
console.log(addNumbers(2, 3));

输出

functionName = function() {}： 是一种将函数赋值给变量的赋值语句，然后可以使用该变量来调用该函数。它使用变量名后跟赋值运算符和 function 关键字，括号中包含参数（如果有的话），以及用大括号括起来的函数体。它用于定义匿名函数，即不将函数赋值给命名变量的函数。

语法：

var functionName = function() {
      // Function body
};

在函数表达式中，函数也可以使用 const 或 let 关键字来定义，而不是 var ，具体取决于您的需求。

示例：此示例使用函数表达式，我们定义了一个名为 addNumbers 的函数，它接受两个参数 a 和 b 。函数体包含一个单独的语句，它将 a 和 b 相加并返回结果。该函数被赋值给一个名为 addNumbers 的变量。

Javascript

let addNumbers = function(a, b) { 
     return a + b; 
} 
console.log(addNumbers(2, 3))

输出

函数表达式和函数声明之间的区别：

项目	函数声明	函数表达式
定义	提升到顶部	执行时定义
名称	强制性	可选
匿名函数	否	是
Arguments对象	是	否
作用域	函数	变量
提升	是	否
可存储	否	是
可调用	声明之前	声明之后
示例	function add() {…}	var add = function() {…}