javascript的运行机制
来源:互联网 发布:丰胸 知乎 编辑:程序博客网 时间:2024/06/05 03:04
在了解js的运行机制之前,我们先来了解几个重要的术语。
(一)代码块
js中的代码块是由< script >标签分割的代码块。如下图:
js是按照代码块来进行编译和执行的,代码块之间相互独立,变量和方法可以共享。
代码块的编译是按照由上之下的顺序来进行编译和执行。如果var test = “我是代码块一变量”;放在 alert(str);后面,代码块运行的时候因为前面已经出错不会运行到这个位置。
(二)声明函数和定义函数
声明式函数与赋值式函数的区别在于:在JS的预编译期,声明式函数将会先被提取出来,然后才按顺序执行js代码。
(三)预编译期与执行期
预编译期js代码会对本代码块中的所有声明的变量和函数进行处理,但是需要注意的是处理的函数是声明式函数,变量也只是进行了声明但是未赋值。
function Fn(){}已经被预编译,所有 Fn(); 无论写在其前还是其后都会运行。相当于 function Fn(){}已经被预先放置到一个容器里面,函数运行时可以直接从这个容器中提取。
这里要注意的是同名函数后者会覆盖前者。
同名函数会覆盖前面的函数。
代码块是由从上到下的顺序依次编译,代码块一中alert(str)执行的时候存放预编译处理的容器还不存在str。代码块而虽然变量str已被预编译(即初始化)但还没有赋值,所以会出现无定义的结果。
此时代码相当于如下图:
0 0
- javascript的运行机制
- JavaScript的异步运行机制
- javaScript运行机制的理解
- javascript 运行机制
- Javascript - 运行机制
- JavaScript 运行机制
- javascript运行机制
- 理解JavaScript的编译过程与运行机制
- 【JS】JavaScript引擎的内部运行机制
- 【JS】JavaScript引擎的内部运行机制
- 【JS】JavaScript引擎的内部运行机制
- JavaScript闭包的底层运行机制
- JavaScript 的运行机制详解:再谈Event Loop
- javascript的预解析与运行机制
- JavaScript运行机制浅探
- JavaScript运行机制浅探
- JavaScript运行机制浅探
- JavaScript运行机制浅探
- 使用autotools工具用configure、make、make install编译安装linux工程的详细步骤
- Storm的Stream分组方式
- Idea Jsp <%%>中 request resopnse等无自动提示
- iOS开发之Block的循环引用
- [转载]Java面试题全集(下)
- javascript的运行机制
- HTMl中Meta标签详解以及meta property=og标签含义
- Error:Error converting bytecode to dex: Cause: com.android.dex.DexException: Multiple dex files de
- iOS 初级UI
- hive--mysql添加删除索引
- 表单元素的defaultValue属性
- node.js的事件驱动
- 第12周项目5 迷宫问题
- 手动配置windows 7系统的ipv6地址方法