请解释下为什么我们可以在声明函数前使用它？

在 JavaScript 中，可以在声明函数之前使用它，这与函数声明的提升（Hoisting）机制有关。

函数声明的提升:

JavaScript 引擎在执行代码之前会进行一个预编译阶段。在这个阶段，它会扫描整个代码，并将函数声明“提升”到作用域的顶部。这意味着即使你在代码中先使用函数，然后才声明它，JavaScript 引擎也会将其视为在使用之前就已经声明了。

示例：

foo(); // 调用 foo 函数

function foo() {
  console.log("Hello from foo!");
}

在这个例子中，尽管 foo() 的调用在函数声明之前，但代码仍然可以正常运行，并输出 "Hello from foo!"。这是因为 JavaScript 引擎在执行代码之前，已经将 foo() 函数的声明提升到了作用域的顶部。

函数表达式和箭头函数的提升:

需要注意的是，只有函数声明才会被提升，函数表达式和箭头函数则不会。

函数表达式示例：

foo(); // TypeError: foo is not a function

var foo = function() {
  console.log("Hello from foo!");
};

在这个例子中，foo 是一个变量，它被赋值为一个函数表达式。变量声明会被提升，但赋值操作不会。因此，在调用 foo() 时，foo 的值仍然是 undefined，导致 TypeError。

箭头函数示例：

foo(); // TypeError: foo is not a function

const foo = () => {
  console.log("Hello from foo!");
};

与函数表达式类似，箭头函数也不会被提升。

最佳实践：

尽管函数声明会被提升，但为了代码的可读性和可维护性，最好还是先声明函数，然后再使用它。 这可以避免潜在的混淆，并使代码逻辑更清晰。

总结：

函数声明的提升机制允许我们在声明函数之前使用它。 然而，函数表达式和箭头函数不会被提升。 为了代码的可读性和可维护性，建议始终先声明函数，然后再使用它。