区别JavaScript函数声明与变量声明

在JavaScript的世界里，函数声明和变量声明之间的微妙差异一直困扰着许多开发者。这不仅仅是一个简单的语法问题，更涉及到JavaScript的和执行过程。今天，我将带大家深入了解其中的奥妙。

让我们首先通过两个简单的代码片段来开启这个话题：

代码片段一：

```javascript

var getName = function(){alert(1)};

function getName(){alert(2)};

getName(); // 输出结果为：弹出警告框显示数字1

```

再来看另一个版本：

代码片段二：

```javascript

function getName(){alert(2)};

var getName = function(){alert(1)};

getName(); // 输出结果同样是：弹出警告框显示数字1

```

为什么调换声明顺序后，输出的结果始终是以 `var` 形式声明的函数值呢？答案在于JavaScript的机制。在JavaScript中，函数声明会被提升到它们所在作用域的顶部，无论其位置如何。这就是所谓的“函数声明提升”。而变量声明则会在它们被实际遇到的地方进行。这就是造成上述现象的关键原因。无论我们如何调换顺序，函数声明始终会被优先处理。这就是为什么在调用 `getName()` 时，始终会调用 `var getName` 函数的原因。即使我们先写了 `function getName()` 的声明，但由于函数声明的提升特性，它仍然会被覆盖掉。这就是所谓的变量提升与函数声明的优先级差异。当我们尝试调用一个函数时，无论我们如何调整声明顺序，JavaScript都会首先查找已声明的函数。如果没有找到任何已声明的函数，但有一个已声明的变量和对应的未声明的函数值（由于函数声明提升的特性），那么它将会执行该变量的值作为函数的结果。为了更加清晰地说明这个问题，让我们来看下面的例子：当我们在代码中遇到这样的语句时：`fn();` ，如果 `fn` 是一个已经声明的函数，那么它会立即执行该函数；如果 `fn` 是一个变量并且指向一个函数对象，那么它也会执行该函数；但如果 `fn` 只是被声明但没有被赋值或者指向的不是一个函数对象，那么就会抛出一个错误。这就解释了为什么在某些情况下，即使我们尝试先声明一个函数然后再声明一个变量并赋予相同的名称，但结果仍然会执行变量的值作为函数的结果。在JavaScript中，理解函数声明和变量声明的差异以及它们在过程中的优先级是非常重要的。希望这篇文章能帮助大家更好地理解和掌握这一知识点。