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

一、变量提升

　在ES6中提出了块级作用域，用var声明的变量，起作用域应为对整个块都起作用，所以会跑偏；而且使用var声明的变量会出现“变量提升”现象。

那么什么是变量提升呢？用以下代码直观感受一下：

其执行顺序应为：

二、函数提升

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

1 2 3 4

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

　　只所以会有以上的打印结果，是由于js中的函数提升导致代码实际上是按照以下来执行的：

1 2 3

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

　　

实例：

          function Text(n){
                console.log(n);
                var n=2;
                function n(){
                }
                console.log(n)
            }
            Text(1)

执行顺序应为：

                var n
                function n(){
                }
                console.log(n);
                n=2;
                console.log(n)