[JS] Topic - variable and function hoisting

Ref: 深入理解js的变量提升和函数提升

 

 一、变量提升

简直就是es5的遗毒！

console.log(global); // undefined　竟然能打印？因为变量提升，下一行就有定义
var global = 'global';
console.log(global); // global
 
function fn () {
　　console.log(a); // undefined　  竟然能打印？因为变量提升，下一行就有定义
　　var a = 'aaa';
　　console.log(a); // aaa
}
fn();

实际运行的代码过程，也就是编译器自己做了些手脚。

var global; // 变量提升，全局作用域范围内，此时只是声明，并没有赋值
console.log(global); // undefined
global = 'global'; // 此时才赋值
console.log(global); // 打印出global
 
function fn () {
　　var a; // 变量提升，函数作用域范围内
　　console.log(a);
　　a = 'aaa';
　　console.log(a);
}
fn();

 

 二、函数提升

js中创建函数有两种方式：函数声明式和函数字面量式。只有函数声明(第一种)才存在函数提升！

console.log(f1); // function f1() {}   
console.log(f2); // undefined  

function f1() {}　　// 这种传统意义上的，就可以
var f2 = function() {}

 

实际运行的代码过程，也就是编译器自己做了些手脚。

function f1() {} // 函数提升，整个代码块提升到文件的最开始，函数提升起来了，嘿嘿
console.log(f1);   
console.log(f2);   
var f2 = function() {}