Javascript解析机制 执行机制

Stella981
• 阅读 865

HTML5学堂:在学习JavaScript过程中,我们需要了解事件的机制是怎么执行的?本文将会提到JavaScript事件机制的解析,希望对大家有帮助!

javascript解析的过程主要分为两个阶段,分别是编译与执行阶段。

在编译期,javascript解释器将完成对javascript代码的预处理,即将javascript代码转换为字节码。

在执行期,javascript解释器借助执行期环境将字节码生成机械码,并按照顺序执行,完成程序设计的任务。

欢迎沟通交流~HTML5学堂

上图为编译器的基本构成以及工作流程。对于javascript语言,首先会通过词法分析和语法分析,并建立语法树,到此时,开始解释执行,即并不是完全生成字节码之后再调用虚拟机来执行编译好的字节码。

javascript的预编译对执行顺序有很大的影响:

在预编译期,javascript会对所有声明的变量和函数进行处理。因此在执行如下代码时并不会报错

  1. alert(a);

  2. var a = 1;

  3. alert(a);

在上面这段代码中,当js进行预编译时,会执行 var a;然后再进行执行,因此第一个是undefined,而第二个弹出的内容为1。 同理,看如下代码

  1. f();

  2. function f(){

  3.     alert(1);

  4. }

在上面这段代码中,当js进行预编译时,会执行 var a;然后再进行执行,因此第一个是undefined,而第二个弹出的内容为1。 同理,看如下代码

  1. f();

  2. var f=function (){

  3.     alert(1);

  4. }

会出现报错。这是因为,当将定义的函数作为值赋给变量f,在编译器时只能够将“声明变量f”进行处理,而对于f的值,只有到执行期时才能按照顺序进行赋值(自然会出现语法错误了,会提示无法找到对象f)

javascript的代码执行:

按照块执行javascript代码

浏览器解析HTML文档流时,如果遇到一个)属于同一个全局作用域。换句话说,块之间的变量和函数是可以共享的。

欢迎沟通交流~HTML5学堂

投稿或建议联系小编 QQ:3042966101

(长按二维码)

本文分享自微信公众号 - HTML5 WEB前端分享(h5course-com)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Karen110 Karen110
3年前
一篇文章带你了解JavaScript日期
日期对象允许您使用日期(年、月、日、小时、分钟、秒和毫秒)。一、JavaScript的日期格式一个JavaScript日期可以写为一个字符串:ThuFeb02201909:59:51GMT0800(中国标准时间)或者是一个数字:1486000791164写数字的日期,指定的毫秒数自1970年1月1日00:00:00到现在。1\.显示日期使用
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
待兔 待兔
5个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Jacquelyn38 Jacquelyn38
3年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
Wesley13 Wesley13
3年前
java 反射
一、java的动态性反射机制动态编译动态执行JavaScript代码动态字节码操作二、动态语言动态语言   程序运行时,可以改变程序结构或变量类型,典型的语言:python、ruby、javascript等C,C,JAVA不是动态语言,java可以称之为“准动态性语言”。但java
Stella981 Stella981
3年前
KVM调整cpu和内存
一.修改kvm虚拟机的配置1、virsheditcentos7找到“memory”和“vcpu”标签,将<namecentos7</name<uuid2220a6d1a36a4fbb8523e078b3dfe795</uuid
Wesley13 Wesley13
3年前
JS中有趣的知识
1.分号与换行functionfn1(){return{name:'javascript'};}functionfn2(){return{name:'javascript'
Wesley13 Wesley13
3年前
00:Java简单了解
浅谈Java之概述Java是SUN(StanfordUniversityNetwork),斯坦福大学网络公司)1995年推出的一门高级编程语言。Java是一种面向Internet的编程语言。随着Java技术在web方面的不断成熟,已经成为Web应用程序的首选开发语言。Java是简单易学,完全面向对象,安全可靠,与平台无关的编程语言。
Python进阶者 Python进阶者
10个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这