js之预解析

目录

一、js引擎执行代码分为两步:预解析和代码执行

二、预解析分为变量预解析(变量提升)和函数预解析(函数提升)

1.变量提升

2.函数提升

三、案例


一、js引擎执行代码分为两步:预解析和代码执行

1.预解析会将js里面所有的var,function的声明提升到当前作用域的最前面

2.代码执行,按照代码书写顺序从上往下执行

二、预解析分为变量预解析(变量提升)和函数预解析(函数提升)

1.变量提升

就是把所有变量声明提升到当前作用域的最前面,但不提升赋值操作。

2.函数提升

就是把所有的函数声明提升到当前作用域的最前面,但不调用函数。

三、案例

 console.log(num1);
        var num1 = 12;
//相当于
        // var num1;
        // console.log(num1);
        // num1=12;

所以输出undefined

 fn();

        function fn() {
            var a = 20;
            console.log(a);
        }
        //相当于

        // function fn() {
        //     var a = 20;
        //     console.log(a);
        // }
        // fn();

能正常输出20

 fn1();
        var fn1 = function() {
            console.log(22);
        }

函数表达式 调用必须写在函数表达式的下面

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我再来更详细地介绍一下JavaScript中的解析。 在JavaScript中,解析是指在代码执行之前,JavaScript引擎会先对代码进行一些处理,包括变量和函数声明的提升。具体来说,解析会将变量和函数的声明提升至代码的顶部,这样在代码执行时就可以直接使用这些变量和函数,而不需要考虑它们的位置。 解析的步骤如下: 1. 将所有的变量声明和函数声明提升到作用域的顶部。 2. 对于重复声明的变量和函数,只保留最后一个声明。 3. 如果变量和函数同名,函数声明会覆盖变量声明。 需要注意的是,解析只会提升变量和函数的声明,而不会提升变量的赋值和函数的定义。例如: ``` console.log(a); // 输出undefined var a = 1; console.log(a); // 输出1 foo(); // 输出hello function foo() { console.log('hello'); } console.log(b); // 报错:ReferenceError: b is not defined ``` 在上面的代码中,变量a和函数foo的声明被提升了,但是变量a的赋值和函数foo的定义不会被提升。而变量b由于没有被声明,所以在代码执行时会报错。 另外,需要注意的是,let和const关键字声明的变量不会进行解析。这是因为let和const关键字声明的变量是块级作用域,只有在声明的位置后面的代码才能访问它们。例如: ``` console.log(a); // 报错:ReferenceError: a is not defined let a = 1; console.log(a); // 输出1 ``` 在上面的代码中,由于变量a使用了let关键字声明,所以在声明之前访问它会报错。 总之,解析JavaScript中的一个重要概念,它能够帮助我们更好地理解JavaScript代码的执行顺序。但是需要注意的是,过度依赖解析会降低代码的可读性和维护性,所以在编写代码时需要尽量避免过多依赖解析

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值