Javascript解析机制 执行机制
HTML5学堂:在学习JavaScript过程中,我们需要了解事件的机制是怎么执行的?本文将会提到JavaScript事件机制的解析,希望对大家有帮助!
javascript解析的过程主要分为两个阶段,分别是编译与执行阶段。
在编译期,javascript解释器将完成对javascript代码的预处理,即将javascript代码转换为字节码。
在执行期,javascript解释器借助执行期环境将字节码生成机械码,并按照顺序执行,完成程序设计的任务。
上图为编译器的基本构成以及工作流程。对于javascript语言,首先会通过词法分析和语法分析,并建立语法树,到此时,开始解释执行,即并不是完全生成字节码之后再调用虚拟机来执行编译好的字节码。
javascript的预编译对执行顺序有很大的影响:
在预编译期,javascript会对所有声明的变量和函数进行处理。因此在执行如下代码时并不会报错
alert(a);
var a = 1;
alert(a);
在上面这段代码中,当js进行预编译时,会执行 var a;然后再进行执行,因此第一个是undefined,而第二个弹出的内容为1。 同理,看如下代码
f();
function f(){
alert(1);
}
在上面这段代码中,当js进行预编译时,会执行 var a;然后再进行执行,因此第一个是undefined,而第二个弹出的内容为1。 同理,看如下代码
f();
var f=function (){
alert(1);
}
会出现报错。这是因为,当将定义的函数作为值赋给变量f,在编译器时只能够将“声明变量f”进行处理,而对于f的值,只有到执行期时才能按照顺序进行赋值(自然会出现语法错误了,会提示无法找到对象f)
javascript的代码执行:
按照块执行javascript代码
浏览器解析HTML文档流时,如果遇到一个<script>标签,则js会等到这个代码块都加载完毕之后,先进行编译,然后再执行。执行完毕之后,才继续解析下面的HTML文档流。虽然javascript是按照块来执行的,但是不同的块(<script></script>)属于同一个全局作用域。换句话说,块之间的变量和函数是可以共享的。
- 【Go 语言社区】Golang语言操作redis连接池的方法
- 分布式消息总线,基于.NET Socket Tcp的发布-订阅框架之离线支持,附代码下载
- 关于Flashback的小测试(r10笔记第15天)
- 分享一个分布式消息总线,基于.NET Socket Tcp的发布-订阅框架,附代码下载
- 【Go 语言社区】Golang语言获取系统环境变量的方法
- Oracle中的PUBLIC(r10笔记第14天)
- Data Guard高级玩法:通过闪回恢复switchover主库 (r10笔记第13天)
- WinForm/MIS项目开发之中按钮级权限实践
- 恢复控制文件避免使用resetlogs选项 (r10笔记第12天)
- Go实现短url项目
- 【Go 语言社区】GO语言多核并行化的问题
- mysql执行计划看是否最优
- 通过IP定位区域的SQL优化思路(r10笔记第10天)
- Java基础-day06-知识点回顾与练习
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 解决mysql导入新数据库大小写问题(Table 'zup.Domain_System' doesn't exist)
- 蓝桥杯vip试题 报时助手
- 蓝桥杯-基础练习 查找整数
- 蓝桥杯-基础练习 数列排序
- 无线网络-何为ISM频段?
- 蓝桥杯vip测试题系统试题-算法提高 矩阵转置
- 蓝桥杯vip测试题系统-数组求和(解题思路以及解题代码,手画思路图虽然丑丑的)
- 蓝桥杯vip测试题-找零钱(解题思路以及解题代码)
- 剑指Office-二进制中1的个数
- 剑指Office-旋转数组的最小数
- Mysql调优你不知道这几点,就太可惜了
- Mysql快速导入数百万条数据,亲测有效
- [面试题06]从未到头打印链表(LeetCode-剑指Offer)
- SpringBoot集成RabbitMQ-三种模式的实现
- Centos7-Docker卸载旧的更新到新版本