首页 > 编程语言 >【JavaScript编程】预解析机制

【JavaScript编程】预解析机制

时间:2024-09-19 10:50:53浏览次数:11  
标签:编程 console 函数 JavaScript 解析 声明 变量

前言

一、预解析是什么?

二、预解析的过程

三、预解析对代码执行的影响

四、代码示例

五、总结

原创 思跃喵 我码玄黄

前言

在 JavaScript 的世界里,代码的执行并不是简单地从上到下按顺序进行的。

在实际执行之前,JavaScript 引擎会进行一个特殊的阶段,称为“预解析”。

这一阶段对于理解 JavaScript 的行为至关重要。本文将详细解释预解析的概念、过程以及它如何影响代码的执行。

一、预解析是什么?

预解析是 JavaScript 代码在执行前的准备阶段。

在这个阶段,JavaScript 引擎会做以下几件事情:

创建词法环境:为即将执行的代码创建一个词法作用域。

扫描变量和函数声明:查找所有的var声明的变量和function声明的函数,并将它们加入到当前的词法环境中。

存储声明:将这些变量和函数的声明存储在内存中,但不会执行它们的赋值或函数体。

二、预解析的过程

预解析的过程可以概括为以下几个步骤:

扫描变量声明:找到所有的var声明,并将它们作为未初始化的变量加入到词法环境中。
扫描函数声明:找到所有的function声明,并将它们作为函数对象加入到词法环境中。
跳过赋值操作:在预解析阶段,等号右边的赋值操作不会被执行。

三、预解析对代码执行的影响

预解析对代码的执行有显著的影响。

以下是一些关键点:

变量提升:在预解析阶段,var声明的变量会被提升到它们所在作用域的顶部,但它们的赋值不会提升。

函数提升:function声明的函数也会被提升到它们所在作用域的顶部,这意味着函数可以在声明之前被调用。

变量和函数的重名问题:如果一个变量和函数同名,变量声明会被覆盖。

四、代码示例

让我们通过一些示例来更好地理解预解析是如何工作的。

var b = 123;
function b() {
}

console.log(c);
var c = 1;
console.log(c);
function c() {
    console.log(2);
}

解析过程

预解析阶段:

var b;
function b() {}

执行阶段:


b = 123;

console.log(c); // 输出undefined,因为c的声明在预解析阶段被提升,但赋值没有。

var c; // 再次声明c,但此时c已经被提升为函数,所以变量声明被忽略。

c = 1; // 将c的值设置为1。

console.log(c); // 输出1,因为c现在是一个变量。

测试结果:

第一个console.log(c);输出undefined,因为c在预解析阶段被提升为函数,但赋值没有被提升。

第二个console.log(c);输出1,因为c已经被赋值为1。

五、总结

预解析是 JavaScript 中一个非常重要的机制,它影响着变量和函数的声明、提升以及作用域。

理解预解析有助于编写更清晰、更可预测的 JavaScript 代码。

记住,预解析只处理声明,不会执行赋值或函数体,这是理解 JavaScript 行为的关键。

标签:编程,console,函数,JavaScript,解析,声明,变量
From: https://www.cnblogs.com/o-O-oO/p/18420160

相关文章

  • Java面向对象编程(OOP)的四个主要特征
    目录1.封装(Encapsulation):2.继承(Inheritance):3.多态(Polymorphism):4.抽象(Abstraction):Java面向对象编程(OOP)有四个主要特征:封装、继承、多态和抽象。这些特性是OOP的核心概念,帮助构建灵活、可维护的代码结构。1.封装(Encapsulation):封装是将对象......
  • vue打包优化——使用webpack-parallel-uglify-plugin并行压缩JavaScript
    1、安装插件npminstallwebpack-parallel-uglify-plugin--save-dev我用的install命令,其他命令大同小异,大家百一下就行2、配置vue.config.js首先引入插件:constParallelUglifyPlugin=require('webpack-parallel-uglify-plugin');这里注意我用的vue-cli构建的项目,所以修改w......
  • UEFI原理与编程(三)
    1开发UEFI服务本质Protocol就是包含属性和函数指针的结构体,功能上来说就是提供者和使用者对服务的一种约定。2开发UEFI驱动一个设备/总线驱动程序在安装时首要找到对应的硬件设备(UEFI中是要找到对应的控制器),然后执行安装操作,将驱动程序安装到硬件设备的控制器上。一个完整......
  • 深入理解Go并发编程:避免Goroutine泄漏与错误处理
    Go语言以其强大的并发模型和高效的协程(goroutine)而闻名。协程的轻量级和易用性使得并发编程变得更加简单。然而,如果不正确管理协程,可能会导致Goroutine泄漏,从而消耗系统资源,影响程序性能。本文将深入探讨如何避免Goroutine泄漏,并提供实用的代码示例和技巧,帮助您编写更加健壮......
  • Go语言并发编程之Channels详解
    并发编程是Go语言的一大特色,而channel(通道)则是Go语言中用于实现并发的核心工具之一。它源于CSP(CommunicatingSequentialProcesses)的概念,旨在让多个goroutine之间能够高效地进行通信和同步。本文将深入探讨channel的用法、原理和最佳实践,通过丰富的示例代码和详细的解释,帮......
  • 全面解读大模型备案流程及重点、难点解析【附教程】
    本文详解大模型备案流程,旨在指引企业和开发者顺利完成备案,确保企业成功拿到大模型备案号。一、政策要求做大模型备案大模型备案是中国国家互联网信息办公室为加强生成式人工智能服务的管理,确保用户权益得到充分保护,以及保障国家安全和社会秩序稳定而实施的一项关键性政策。......
  • JavaScript:let与 var的细微差别
    1、什么是"let"和"var"?在JavaScript中,"let"和"var"都是用来声明变量的关键字,但它们的作用范围和行为却有着显著的不同。2、作用范围的差异"var"声明的变量拥有函数级别的作用范围。也就是说,当你在一个函数中使用"var"声明变量,这个变量在整个函数内都是可见的。即使在声明之前的......
  • 鸿蒙(HarmonyOS)--编程语言-ArkTS 语言基础
    目录 ArkTS基础知识1声明1.1变量声明1.2常量声明1.3自动类型推断 2类型2.1基本类型 2.1.1 string2.1.2  number2.1.3boolean2.2引用类型2.2.1Object类型 2.2.2 Array类型2.2.3Void类型 2.3枚举类型 Enum2.4联合类型 Union 2.5 类型别......
  • MySQL 子查询全解析:执行、性能影响与优化策略
    在MySQL数据库的操作中,子查询是一个强大而又复杂的工具。今天,我们就来深入探讨MySQL如何执行子查询、其性能影响、优化方法以及哪些情况下应避免使用子查询。一、MySQL如何执行子查询非相关子查询非相关子查询也被称为独立子查询,它可以独立于外部查询进行执行。MyS......
  • JVM--解析运行期优化与JIT编译器
    JVM开发团队一直在努力,缩小Java与C/C++语言在运行效率上的差距。本篇博客,我们来谈一谈JVM(HotSpot)为了提高Java程序的运行效率,都实现了哪些激动人心的技术~1JIT编译器的引入首先我们这篇文章中所说的编译器都是指JVM的组成部分之一---即时编译器(JIT),与生成Java字节码的javac编译......