js预解析

JavaScript代码是由浏览器的JavaScript解析器来执行的,JavaScript解析器在运行JavaScript代码的时候分为两步:预解析和代码执行
摘要由CSDN通过智能技术生成

变量提升

JavaScript代码是由浏览器的JavaScript解析器来执行的,JavaScript解析器在运行JavaScript代码的时候分为两步:预解析和代码执行

  1. 代码执行 按照代码书写的顺序从上往下执行
  2. 预解析js引擎会把js里面所有的var还有function提升到当前作用于的最前面

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

  1. 变量提升 就是把所有的变量声名提升到当前作用域的最前面不进行赋值操作

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        console.log(num); //输出结果 undefined
        var num = 10;

        // 一般程序都是以从上往下一次执行,console.log(num);在控制台输出这个变量的值,
        // 
  • 3
    点赞
  • 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、付费专栏及课程。

余额充值