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

你的名字 2022-02-24 20:14 145阅读 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 条评论，145人围观）

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

相关阅读

相关 MyBatis执行阶段

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

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

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

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

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

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

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

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

相关编译过程的五个阶段

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

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

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

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

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

相关 openresty执行阶段

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

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

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

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

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

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

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

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

相关 JavaScript函数的预编译过程

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

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

相关在 MongoDB 中执行两阶段提交

简介本篇文档提供了一个通过使用两阶段提交将数据写入多个文档的方法来处理多文档更新或“多文档事务”。此外，你可以扩展实现类似数据回滚的功能。背景在MongoD

柔情只为你懂/ 2021年09月25日 18:04/ 0 赞/ 286 阅读