JS 变量提升与函数提升

JS 变量提升与函数提升

JS变量提升

变量提升是指：使用var声明变量时，JS会将变量提升到所处作用域的顶部。举个简单的例子：

示例1

console.log(foo); // undefined
var foo = 'JavaScript';
// 输出 undefined


上面的例子中，在声明变量foo之前打印这个变量，输出了undefined而没有报错。

这样的现象在函数中同样存在：

示例2

function example(){
console.log(foo);
var foo = 'Hello JavaScript'
}example(); // 输出：undefined


事实上，上面的代码等价于：

function example(){
var foo;
console.log(foo);
foo = 'Hello JavaScript'
}example(); // 输出：undefined


注意：使用let、const声明变量不会存在变量提升

JS函数提升

函数提升是指使用函数声明创建函数时，把整个函数声明提升到作用域的顶部的现象。

看下面的例子：

typeof foo; // function
typeof bar; // undefined// 使用函数声明创建函数
function foo(){
console.log('JavaScript');
}// 使用函数表达式创建函数
var bar = function(){
conosle.log('ECMAScript');
}


上面的例子中，使用函数表达式创建的函数bar出现了变量提升；使用函数声明创建的函数foo出现了函数提升。

EC前端 - JS 变量提升与函数提升