javascript运行过程中的“预编译阶段”和“执行阶段”

你的名字 2022-02-24 20:14 226阅读 0赞

javascript相对于其它语言来说是一种弱类型的语言，在其它如java语言中，程序的执行需要有编译的阶段

而在javascript中也有类似的“预编译阶段”（javascript的预编译是以代码块为范围<script></script>，即每遇到一个代码块都会进行  预编译>执行），

了解javascript引擎的执行机理，将有助于在写js代码过程中的思路总结

首先科普下**javascript中的两种声明方式，var和function，前者声明的是变量，后者声明的是方法**

在预编译中，javascript对这两种声明做出了两种处理方案

<script>
    
    　　var a = "1";　　　　//声明变量a
    
       function b(){　　　　//声明方法b
          　　alert();
    　　}
    　　var c = function(){    //声明变量c
    　　　　alert();
    　　}
    
    </script>

以上代码块中，a、c为变量赋值，b为函数声明，当执行以上的代码时，

首先会进入预编译阶段，

对与变量赋值a、c会在内存中开辟一块内存空间并指向变量名，且赋值为undefined

对于函数声明，则同样会进行开辟内存空间，但此时会直接将函数体进行处理，即用函数声明方式，则在预编译阶段便已完成了函数的创建工作

预编译阶段：（PS：不管代码中声明变量和声明函数的顺序如何，在**预编译阶段会先声明变量，再声明函数**）

<script>
    　　　　var a = undefined;
    　　　　var c = undefined;
    　　　　
    　　　　var b = function(){
    　　　　　　alert();
    　　　　}
    </script>

执行阶段：

<script>
    　　　　a = "1";
    　　　　c = function(){
    　　　　　　alert();
    　　　　}
    </script>

整体执行步骤：

<script>
    　　　　var a = undefined;
    　　　　var c = undefined;
    　　　　
    　　　　var b = function(){
    　　　　　　alert();
    　　　　}
    　　　　a = "1";
    　　　　c = function(){
    　　　　　　alert();
    　　　　}
    </script>

--------------------

[https://www.cnblogs.com/alex-web/p/5048390.html][https_www.cnblogs.com_alex-web_p_5048390.html]

[https_www.cnblogs.com_alex-web_p_5048390.html]: https://www.cnblogs.com/alex-web/p/5048390.html

发表评论取消回复

表情：

评论列表（有 0 条评论，226人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java编译过程解析：类加载阶段

Java编译过程主要分为四个阶段，其中"类加载阶段"是编译过程中重要的一环。下面是详细的解析： 1. **源文件处理****（源代码解析）**** - 这一步主要是将J

蔚落/ 2024年11月25日 08:45/ 0 赞/ 3 阅读

相关 MyBatis执行阶段

一、关键类下面按照程序的顺序简要介绍MyBatis执行阶段的关键类和必要的类，它们按照Executor类搭建了MyBatis的执行组件。（1）SqlSe...

清疚/ 2024年04月18日 19:16/ 0 赞/ 81 阅读

相关类的加载过程中的准备阶段和初始化阶段，对静态变量的处理

问题引入 class MyObject { static int num1 = 100; static int num2 = 1

素颜马尾好姑娘i/ 2023年07月09日 12:25/ 0 赞/ 71 阅读

相关 692_AUTOSAR_TR_Methodology_文档阅读18_预编译阶段以及链接阶段配置

全部学习汇总： [https://github.com/GreyZhang/hack\_autosar][https_github.com_GreyZhang

深碍√TFBOYSˉ_/ 2022年08月31日 13:19/ 0 赞/ 146 阅读

相关编译过程的五个阶段

编译程序的工作，从输入源程序开始到输出目标程序为止的整个过程，是非常复杂的。但就其过程而言，它与人们进行自然语言直接的翻译有许多相近之处。当我们把

柔光的暖阳◎/ 2022年08月09日 00:45/ 0 赞/ 149 阅读

相关 javascript中预编译与执行过程详解

1. 在执行前会进行类似“预编译”的操作：首先会创建一个当前执行环境下的活动对象，并将那些用 var申明的变量设置为活动对象的属性，但是此时这些变量的赋值都是un

偏执的太偏执、/ 2022年07月15日 07:59/ 0 赞/ 175 阅读

相关 openresty执行阶段

openresty执行阶段 1）set\_by\_lua 2）rewrite\_by\_lua 3）access\_by\_lua 4）con

向右看齐/ 2022年06月10日 14:38/ 0 赞/ 180 阅读

相关 javascript引擎执行的过程的理解--执行阶段

一、概述 js引擎执行过程主要分为三个阶段，分别是语法分析，预编译和执行阶段，上篇文章我们介绍了语法分析和预编译阶段，那么我们先做个简单概括，如下：文章首发：[www.m

「爱情、让人受尽委屈。」/ 2022年03月15日 08:36/ 0 赞/ 220 阅读

相关 javascript运行过程中的“预编译阶段”和“执行阶段”

javascript相对于其它语言来说是一种弱类型的语言，在其它如java语言中，程序的执行需要有编译的阶段而在javascript中也有类似的“预编译阶段”（javasc

你的名字/ 2022年02月24日 20:14/ 0 赞/ 227 阅读

相关 JavaScript函数的预编译过程

JavaScript函数的预编译过程前言什么是函数的预编译？为什么要学习函数的预编译？函数预编译发生的时间函数预编译

浅浅的花香味﹌/ 2022年02月13日 11:21/ 0 赞/ 314 阅读