读书笔记-你不知道的JS上-声明提升

变量声明提升

 

  Javascript代码一般情况下是由上往下执行的,但是有些情况下不成立。

    a = 2;
    //变量声明被提升在当前作用域顶部
    var a;
    console.log(a); //2
    console.log(b); //undefined
    //同样被提升
    var b;

  如果同时有函数声明与变量声明呢?

    console.log(a); //funciton a(){}
    var a;
    //函数先提升 变量后提升 因此变量的声明被忽略
    function a() {}

  两个函数声明呢?

    fn(); //输出了2!

    function fn() {
        console.log(1);
    }
    //后声明的函数覆盖了前面的函数
    //可以理解为 var a = 1; var a = 2
    function fn() {
        console.log(2);
    }

  另外一个案例在chrome中报错了,估计是浏览器优化过,但是不在判断语句中声明函数是一个好的习惯。

    fn(); //error
    var a = true;
    if (a) {
        function fn() {
            console.log(1);
        }
    } else {
        function fn() {
            console.log(2);
        }
    }

 

posted @ 2017-02-26 17:17  书生小龙  阅读(209)  评论(0编辑  收藏  举报