javascript 变量提升

javascript是一种弱类型、动态的、解释性的脚本语言

例1：

<script type="text/javascript">

    console.log(a);//输出结果 undefined
    var a=10;
</script>
#以上代码输出 undefined 
#原因：  变量提升（把变量声明提升到当前执行环境的最顶端） 
#上段代码相当于： 
        var a;  
        console.log(a);//由于未赋值 所以输出undefined 
        a=10;

例2：

    foo();
    function foo(){
        console.log("aaa");
    }

#结果输出： aaa 
#原理：函数声明提升 （函数声明提升直接把整个函数提到执行环境的最顶端）
#相当于：
    function foo(){
        console.log("aaa");
    }

    foo();

#变量提升只提升变量名 而函数提升会提升整个函数体  注意：函数提升在变量提升上面。

例3：

foo();
    var foo = function(){
        console.log("aaa");
    }

#运行结果是： foo is not a function
#原因： 还是进行了变量提升 
#相当于：
var foo;
console.log(foo);  //undefined
foo(); //foo is not a function
 foo = function(){
        console.log("aaa");
    }

#上面代码输出undefined  是因为变量提升后并没有赋值因此输出undefined

#输出foo is not a function  原因是：js解析遇到 foo()时会默认当做函数来解析 

例4：

console.log(foo);
    var foo=10;
    console.log(foo);
    function foo(){
        console.log(10);
    }
    console.log(foo);

输出结果： 
f function(){
    console.log(10);
}
10
10
相当于：
function foo(){
        console.log(10);
    }
var foo;
console.log(foo);
foo=10;
console.log(foo);
console.log(foo);

#注意： 函数提升在变量提升上面，第一个console.log(foo);为什么会输出函数题呢，原因在于 var foo; #并未有赋值只是声明，因此他会调用上面的值

#例如:
var b=10;
b=10;
console.log(b); //10 输出上一个值不会输出undefined123

#但是更改后：

var b=10;
b=20;
console.log(b); //20 输出20不是上一个值

---

注意

• javascript 仅提升声明不提升初始化

• 关于变量提升，一定要注意细心思考一下，还有就是要牢记，函数提升在变量提升之上