zoukankan      html  css  js  c++  java
  • 第4章提升

    
    a = 2;
    var a;
    console.log(a);//输出的是2
    
    
    // 它等价于
    var a;
    a=2;
    console.log(a);//2
    ================
    
    console.log(a)
    var a=2;//输出undefined
    
    
    等价于
    var a;
    console.log(a)
    a=2;
    
    因为var具有提升;
    提升:在预编译阶段,编译器会把所有定义的变量提升到最顶部,但是值还是保留在原来的位置上;
    
    
    foo();
    function foo(){
        console.log(a);//输出undefined
        var a=2;
    }
    
    
    等价于
    function foo(){
        var a;
        console.log(a);//输出undefined
        a=2;
    }
    foo();
    
    说明了函数声明,和var 声明的变量都有提升;
    
    foo();
    var foo=function bar(){
        //do something()
    }
    
    因为这是一个函数表达式;函数表达式不会被提升,所以会报错;
    
    函数声明和变量声明都会被提升,但是函数会首先被提升,然后才是变量
    
    foo();
    var foo;
    function foo(){
        console.log(1);
    }
    foo=function(){
        console.log(2);
    }
    
    等价于
    function foo(){
        console.log(1);   
    }
    foo(); //输出1
    var foo;
    foo=function(){
        console.log(2);
    }
    
    var a = 10;
    function a() {};
    console.log(typeof a);//number
    
        它等价于
    function a() {};
    var a = 10;
    console.log(typeof a);//number
    因为:函数声明和变量声明都会被提升,但是函数会首先被提升,然后才是变量
    
    console.log(a);    //f a(){console.log('hi');}
    console.log(b);    //undefined
    function a() {
      console.log('hi');  
    }
    var b = function() {
      console.log('ok');  
    }
    
    
    它等价于
    function a() {
      console.log('hi');  
    }
    var b;//undefined;
    console.log(a);    //f a(){console.log('hi');}
    console.log(b);    //undefined
    b = function() {
      console.log('ok');  
    }
    
    记住预编译
    
    二者优先级:函数提升会优先于变量提升,而且不会被同名的变量覆盖.
    但是,如果这个同名变量已经赋值了,那函数变量就会被覆盖。
    当二者同时存在时,会先指向函数声明。
    
    
    console.log(a);    //f a() {...}
    console.log(a());    //2
    var a = 1;
    function a() {
      console.log(2);  
    }
    console.log(a);    //1
    a = 3;
    console.log(a());    //报错,现在的函数a已经被赋值过后的变量a给覆盖了,无法再调用a()
    
        等价于
    function a() {
      console.log(2);  
    }
    var a;
    console.log(a);    //f a() {...}
    console.log(a());    //2
    a = 1; //同名变量已经赋值了,那函数变量就会被覆盖。
    console.log(a);    //1
    a = 3;
    console.log(a());    //报错,现在的函数a已经被赋值过后的变量a给覆盖了,无法再调用a()
    
    
    
    在读第4章的时候,提升这一章的时候,我就比上一章好些,很多地方都懂,
    淡然这一章节一点都不难,我之前也很清楚这一章。
    但是还有一个地方不是特别的懂!
    
    参考的地址
    https://blog.csdn.net/sunlizhen/article/details/99844964
    https://www.cnblogs.com/hey-Sarah/p/13449699.html
    
  • 相关阅读:
    数组排序 -- 冒泡排序
    数组自带的函数(方法)
    京东官网轮播图的实现
    鼠标单击元素输出对应元素的索引号
    JavaScript中获取HTML元素的方式
    JavaScript数组的2种定义方式
    this关键字
    JavaScript中对象的3种定义方式
    Hadoop完整搭建过程(三):完全分布模式(虚拟机)
    Hadoop完整搭建过程(二):伪分布模式
  • 原文地址:https://www.cnblogs.com/IwishIcould/p/13466812.html
Copyright © 2011-2022 走看看