zoukankan      html  css  js  c++  java
  • JavaScript 预解析

    上一篇我们说到了作用域跟作用域,这篇说说js的预解析

    预解析:在当前作用域下,js运行之前,会把带有var和function关键字声明的变量先声明,并在内存中安排好。然后从上至下解析js语句。而且function的声明优先于var声明。

    不多说,,直接上代码

    正规写法:

    var num=10;
        fun();
    function fun(){
        console.log(num);//undefined
    var num=20; }

    预解析里:先将变量和函数提前,如下:

        var num;
                function fun(){
                    var num;
                    console.log(num);//undefined
                    num=20;
                    
                }
                num=10;
                fun();

    第二种

         var num=10;
                 function dn(){
                     console.log(num);//undefined
                     var num=20;
                     console.log(num);//20
                 }
                 dn();
                 
                 //相当于以下代码
                 var num;
                 function dn(){
                     var num;
                     console.log(num);
                     num =20;
                     console.log(num );
                 }
                 num=10;
                 dn();

    第三种

    var a =18;
                 ss();
                 function ss(){
                     var b=9;
                     console.log(a);//undefined
                     console.log(b);//9
                     var a='123';
                 }
                 
                 //相当于以下代码
                 
                 var a;
                 function ss(){
                     var b;
                     var a;
                     b=9;
                     
                     console.log(a);
                     console.log(b);
                     a='123';
                 }
                 a=18;
                 ss();

    第四种

    aa();
                 console.log(c1);//9
                 console.log(b1);//9
                 console.log(a1);//报错
                 
                 function aa(){
                     var a1=b1=c1=9;
                     console.log(a1);//9
                     console.log(b1);//9
                     console.log(c1);//9
                 }
                 
                 //相当于
                 function aa(){
                     var a1=b1=c1=9;//相当于 var a=9;b=9,c=9
                     var a1;
                     a1=b1=c1=9;
                     
                     console.log(a1);
                     console.log(b1);
                     console.log(c1)
                 }
                  aa();
                 console.log(c1);
                 console.log(b1);
                 console.log(a1);
  • 相关阅读:
    利用观察者模式 进行不同页面的传值
    axios请求处理
    百度地图实现鼠标绘制图形并获取相关数据
    web前端支付功能
    各种好用插件汇总(持续更新...)
    记录iview表单校验的"坑"
    JavaScript字符串方法
    2020面试汇总
    JavaScript作用域
    JavaScript原型到原型链
  • 原文地址:https://www.cnblogs.com/smile-xin/p/11389974.html
Copyright © 2011-2022 走看看