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

1

2

3

4

5

6

7

8

9

10

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();

1

2

3

4

5

6

7

8

9

10

11

12

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();

1

2

3

4

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

console.log(f2); // undefined  

function f1() {}

var f2 = function() {}

1

2

3

function f1() {} // 函数提升，整个代码块提升到文件的最开始<br>console.log(f1);   

console.log(f2);   

var f2 = function() {}

1

2

3

4

console.log(f1()); 

console.log(f2);   

function f1() {console.log('aa')}

var f2 = function() {}

1

2

3

4

5

6

(function() {

console.log(a);

a = 'aaa';

var a = 'bbb';

console.log(a);

})();