【JavaScript高级进阶】JavaScript变量/函数提升的细节总结

// 测试1 console.log('----------test1--------------'); console.log(global); // undefined var global = 'hahaha'; console.log(global); // hahaha function fn(){ console.log(a); // undefined var a = 'aaa'; console.log(a); // aaa } // 如果一个变量没有定义的话就去输出，就会报出错误 //console.log(a); // error : undefined fn(); // 代码执行思路解析 /*var global; // 变量提升，全局作用域范围内，此时只是声明，并没有赋值 console.log(global); // undefined global = 'hahaha'; // 此时给变量赋值 console.log(global); // 输出已经赋值过的global变量 function fn(){ var a; // 变量提升为函数作用域范围内 console.log(a); a = 'aaa'; console.log(a); } fn();*/ // 测试2 ： 函数提升 console.log("------------------函数提升测试-----------------"); console.log(f1); // [Function: f1] console.log(f2); // undefined function f1(){ // 这块代码会自动函数提升，整个代码块提升到文件的最开始部分 } var f2 = function(){ } console.log(f2); // 测试3 console.log("------------test3---------------"); // 第一步会先去执行f1（）函数，执行完毕这个函数之后开始打印输出这个函数的返回值 console.log(f1()); // undefined 123456hahaha function f1(){ console.log('aaa'); // aaa return '123456hahaha'; } console.log(f4); // var f4 undefined var f4 = function(){ console.log('f4 executed!'); return 'f4 hahaha!'; } console.log(f4, typeof f4); // 这里得到的实际上是一个函数 // 测试4 console.log('-------------test4------------'); console.log(aaa); // undefined aaa = '987654321'; // 987654321 console.log(aaa); var aaa = '123456789'; console.log(aaa); // 123456789 var aaa = '789'; console.log(aaa); // 789 // 测试5 console.log('--------------test5----------------'); var a = '12346789'; (function(){ // 这里的a默认是回去寻找全局作用域里面的a变量 console.log(a); /// error : a is not defined a = '113579'; var b = 'bbb'; console.log(a); })(); // 测试6 // 在方法外边不加上一个var是不能来定义变量的 //01. 都加var，在方法内则是局部变量，在方法外则是全局变量。 //02. 在方法内,加var为局部变量，不加var则是全局变量（在执行当前方法之后） //console.log(bianliang); // error : is not defined console.log('-----------------test6-----------------'); function test(){ //console.log(shuchubianliang); // error : is not defined } test(); var aaaa = 'I\'m a in all' function test1 () { // 相当于是var a, 然后输出a的值，当然是undefined console.log(aaaa) //console.log(window.a) var a = 'I\'m a in test1' console.log(a) } test1() // JavaScript会把作用域里的所有变量和函数提到函数的顶部声明 // JavaScript会使用undefined缺省值创建变量a console.log(aaaaaaa); // error var aaaaaaa = '11'; console.log('------------test7-------------'); //思考题： 请问下面的结果是什么？ 为什么？ 写下你的答案 show(); var a = true; if( a ){ function show(){ console.log( 1 ); } }else { function show(){ console.log( 2 ); } } //函数声明, 形如: function show(){ console.log( '函数声明方式' ); } // 会被提升为全局 //函数表达式, 形如: var show = function(){ console.log( '表达式方式' ); } // 不会被提升为全局的