在JavaScript中，定义函数可以采用两种方式：变量函数表达式和函数声明。虽然它们都可以实现函数的功能，但是它们有一些重要的区别。
变量函数表达式
变量函数表达式是使用变量来存储一个匿名函数的引用。使用这种方式定义函数时，需要先创建一个变量，将函数赋值给它，再通过变量名来调用函数。下面是一个示例：
--- ---------- - ---------- - ------------------ --------- -- -------------
输出结果：
----- ------
函数声明
函数声明是使用函数名来定义函数的方式。当使用函数声明时，函数名被视为一个标识符，它会被放入当前作用域的变量对象中。下面是一个示例：
-------- ------------ - ------------------ --------- - -------------
输出结果：
----- ------
区别
虽然变量函数表达式和函数声明看起来很相似，但它们之间有很大的区别：
函数声明会被提升：函数声明会被提升到当前作用域的顶部，因此可以在函数声明之前调用它。而变量函数表达式不会被提升，所以必须在函数定义后才能调用它。
变量函数表达式是一个赋值语句：变量函数表达式实际上是一个赋值语句，它将一个匿名函数赋值给一个变量。这意味着变量函数表达式可以被重新赋值，而函数声明不能被重新赋值。
函数声明的函数名可以在函数外部调用：由于函数声明会被提升到作用域的顶部，因此函数名可以在函数外部调用。而变量函数表达式需要通过变量名来调用，因此只能在定义它的作用域内部调用。
学习和指导意义
了解变量函数表达式和函数声明之间的区别对于编写高质量的JavaScript代码非常重要。以下是一些使用建议：
尽可能使用函数声明：由于函数声明会被提升，因此可以在函数声明之前调用它。这使得代码更易读，因为函数名可以在函数调用之前定义。因此，如果不需要将函数赋值给一个变量，请使用函数声明。
使用变量函数表达式时要小心：虽然变量函数表达式很灵活，但是当使用多个变量函数表达式时，容易造成命名冲突。因此，在使用变量函数表达式时，请确保每个函数具有唯一的名称，并且不要轻易地修改函数名称。
在函数声明和变量函数表达式之间进行选择时，请根据实际场景选择合适的方式：如果需要将函数赋值给一个变量，则使用变量函数表达式。否则，使用函数声明。
示例代码
下面是一个示例代码，演示了如何使用函数声明和变量函数表达式：
-- ---- -------- ------ -- - ------ - - -- - ------------------ ---- -- -- - -- ------- --- ------- - ----------- -- - ------ - - -- -- ---------------------- ---- -- -- --
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/7098