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 变量提升与函数提升