详解javascript中的变量提升和函数提升

解读 JavaScript 中的变量提升与函数提升现象详解

JavaScript 中的作用域规则是非常重要的概念，它决定了变量和函数的可见性和生命周期。在 JavaScript 中，主要有两种作用域：全局作用域和函数作用域。值得注意的是，在 ES6 之前，JavaScript 并没有块级作用域。

那么，没有块级作用域意味着什么呢？这意味着在某些情况下，当你在一个块级作用域内部声明一个变量时，这个变量也可以在全局作用域或函数作用域中被访问到。在某些场景下，你可能会在预期之外的地方打印出变量的值。

接下来我们来谈谈什么是变量提升（Hoisting）。在 JavaScript 中，代码的执行过程分为两个阶段：和执行。变量提升是指在阶段，JavaScript 会将所有的变量声明提升到它们所在作用域的最顶部。无论你在哪里声明一个变量，它的声明都会被提升到所在作用域的最顶部。这就像是把所有的变量声明集中在一个地方一样。这就意味着你可以在声明变量之前使用它，因为 JavaScript 会自动提升这个变量的声明。但要注意，只有变量的声明会被提升，赋值操作仍然会留在原处。如果多次声明同一个变量，只有第一次会被提升，其他的会被忽略。

接下来我们再来谈谈函数提升（Function Hoisting）。函数提升是 JavaScript 中另一个重要的概念。在 JavaScript 中，函数声明会被提升到它们所在作用域的最顶部，这意味着无论你在哪里声明一个函数，它的声明都会被提升到所在作用域的最顶部。这与变量提升的概念类似。需要注意的是，函数表达式声明的函数并不会被提升。只有函数声明（使用 function 关键字）才会被提升。函数声明的优先级高于变量声明的优先级。如果在一个作用域中同时有函数声明和变量声明，那么函数声明会优先被提升。

总结一下，JavaScript 中的变量提升和函数提升是帮助我们理解 JavaScript 作用域规则的重要概念。所有的声明都会提升到作用域的最顶上去，包括变量和函数声明。但是要注意，只有函数声明会被提升，函数表达式则不会。同一个变量只会声明一次，其他的会被忽略掉。函数声明的优先级高于变量声明的优先级。希望这篇文章能帮助你深入理解 JavaScript 中的变量提升和函数提升现象。