javascript 运行机制

超、凢脫俗 2022-07-15 22:52 151阅读 0赞

以下全是个人理解以及网上查找而来,如有不对请指正...

假如有n段js代码 用<script>标签隔开的.

运行顺序是

step1. 读入第一个代码段  
step2. 做语法分析，有错则报语法错误（比如括号不匹配等），并跳转到step5  
step3. 对var变量和function定义做“预解析”（永远不会报错的，因为只解析正确的声明）  
step4. 执行代码段，有错则报错（比如变量未定义）  
step5. 如果还有下一个代码段，则读入下一个代码段，重复step2  
step6. 结束

这些是从网上找到的  至于对错  真的不知道如何验证,就暂时当它是正确的.........

js是解释型语言,通过词法分析和语法分析得到语法树后，就可以开始解释执行了。(语法分析 ,词法分析这个我也没研究过)

另外还有一些概念  如预编译

1. 在执行前会进行类似“预编译”的操作：首先会创建一个当前执行环境下的活动对象，并将那些用var申明的变量设置为活动对象的属性，但是此时这些变量的赋值都是undefined，并将那些以function定义的函数也添加为活动对象的属性，而且它们的值正是函数的定义。

2.在解释执行阶段，遇到变量需要解析时，会首先从当前执行环境的活动对象中查找，如果没有找到而且该执行环境的拥有者有prototype属性时则会从prototype链中查找，否则将会按照作用域链查找。遇到var a = ...这样的语句时会给相应的变量进行赋值（注意：变量的赋值是在解释执行阶段完成的，如果在这之前使用变量，它的值会是undefined）

预编译应该在上面的哪个阶段开始执行了

我觉得应该是step3    因为是类似“预编译”,实际上是已经开始执行了.所以应该是 3;

可以看一下下面的例子

<script>

alert(i);

</script>

会报告错误 提示i未定义

<script>  
alert(i);  
var i=1;  
</script>

会谈出undefine

不会报告错误  跟预定义的解释一样...........

还有就是在解析的时候 有个先后顺序  那就是先解析函数 在解析变量

且 函数的作用域是在定义的时候,而不是执行时候的作用域

一个例子

<script>  
var c = "123";  
function xx()\{  
 alert(c);  
 var c="xx";  
\}  
xx()  
</script>

出现的是undefined

因为先解析的xx  所以是找不到c的

又因为编译的关系,知道了在 xx()内部有一个c变量,所以会有一个undefined的直

在运行xx()的时候  因为有undefined的直就弹出来了

如果没有下面的那个 var c = "xx"

<script>  
var c = "123";  
function xx()\{  
 alert(c);  
\}  
xx()  
</script>

会弹出来123

这是因为作用域链的关系

发表评论取消回复

表情：

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

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

相关阅读

相关 JavaScript原理剖析（js运行机制）

javaScript为什么是单线程 JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了

曾经终败给现在/ 2022年11月03日 15:23/ 0 赞/ 166 阅读

相关 JavaScript 运行机制之执行顺序详解

JavaScript是一种描述型脚本语言，它不同于 Java 或 C\ 等编译性语言,它不需要进行编译成中间语言,而是由浏览器进行动态地解析与执行。如果你不能理解 [JavaS

妖狐艹你老母/ 2022年08月06日 11:25/ 0 赞/ 134 阅读

相关 javascript 运行机制

以下全是个人理解以及网上查找而来,如有不对请指正... 假如有n段js代码用<script>标签隔开的. 运行顺序是 step1. 读入第一个代码段 step

超、凢脫俗/ 2022年07月15日 22:52/ 0 赞/ 152 阅读

相关 JavaScript 运行机制详解

此文是来自[阮一峰的网络日志][Link 1] 一、为什么JavaScript是单线程？ -------------------- > JavaScript语言的一大

清疚/ 2022年06月02日 05:15/ 0 赞/ 160 阅读

相关 JavaScript单线程的运行机制

每一种语言都有自己的运行机制，javascript当然也不例外，了解了js的运行机制，对于想要深入学习js的我们来说有着莫大的帮助。好了话不多说，下面开始讲述一js的整个运行机

快来打我*/ 2022年05月31日 13:23/ 0 赞/ 196 阅读

相关 JavaScript - 运行机制Event Loop

转载博客：[https://www.cnblogs.com/MasterYao/p/5563725.html][https_www.cnblogs.com_MasterYao_

迈不过友情╰/ 2022年05月16日 13:07/ 0 赞/ 167 阅读

相关深入浅出JavaScript运行机制

> 小编推荐：[Fundebug][]专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公

古城微笑少年丶/ 2022年03月31日 11:16/ 0 赞/ 275 阅读

相关 JavaScript 运行机制详解

一：为什么JavaScript是单线程 JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线

朱雀/ 2022年01月30日 01:35/ 0 赞/ 210 阅读

相关 JavaScript 运行机制：Event事件循环机制

JavaScript Event事件循环机制 JS是单线程的，浏览器只分配一个主线程给JS。一次只能执行一个任务，当前任务执行完后在可以执行下一个任务。任务多时，就会形成任务

青旅半醒/ 2021年12月09日 16:59/ 0 赞/ 258 阅读

相关 JavaScript 的运行机制

前言参看文章： [这一次，彻底弄懂 JavaScript 执行机制][JavaScript] [JavaScript 运行机制详解：再谈E

素颜马尾好姑娘i/ 2021年11月29日 13:34/ 0 赞/ 279 阅读