时间:2021-05-26
JavaScript是一种基于对象的动态、弱类型脚本语言(以下简称JS),是一种解释型语言,和其他的编程语言不同,如java/C++等编译型语言,这些语言在代码执行前会进行通篇编译,先编译成字节码(机器码)。然后在执行。而JS不是这样做的,JS是不需要编译成中间码,而是可以直接在浏览器中运行,JS运行过程可分为两个阶段,编译和执行。(可参考你不知道的JS这本书),当JS控制器转到一段可执行的代码时(这段可执行代码就是编译阶段生成的),会创建与之对应的执行上下文(Excution Context简称EC)。执行上下文可以理解为执行环境(执行上下文只能由JS解释器创建,也只能由JS解释器使用,用户是不可以操作该‘对象'的)。
JS中的执行环境分为三类:
在一段JS代码中可能会产生多个执行上下文,在JS中用栈这种数据结构来管理执行上下文,栈的特点是“先进后出,后进先出”,这种栈称之为函数调用栈。
执行上下文的特点
执行上下文可以形象的理解为一个普通的JS对象,一个执行上下文的生命周期大概包含两个阶段:
此阶段主要完成三件事件,1、创建变量对象 2、建立作用域链 3、确定this指向
此阶段主要完成变量赋值、函数调用、其他操作
如果存在同名标识符(函数、变量),则函数可以覆盖变量,函数的优先级高于变量
变量对象(OV)和激活对象(AO)是同一个东西,在不同时期的两种叫法。在创建时期叫变量对象,在执行时期叫激活对象
以如下代码为例
var g_name="tom";var g_age=20;function g_fn(num){ var l_name="kity"; var l_age=18; function l_fn(){ console.log(g_name + '===' + l_name + '===' + num); }}g_fn(10);当JS控制器转到这一段代码时,会创建一个执行上下文,G_EC
执行上下文的结构大概如下:
G_EC = { VO : {}, Scope_chain : [], this : {}}VO = { g_name : undefined, g_age : undefined, g_fn : <函数在内存中引用值>}Scope_chain = [ G_EC.VO ] // 数组中第一个元素是当前执行上下文的VO,第二个是父执行上下文的VO,最后一个是全局执行上下文的VO,在执行阶段,会沿着这个作用域链一个一个的查找标识符,如果查到则返回,否知一直查找到全局执行上下文的VOthis = undefined // 此时this的值是undefined执行上下文一旦创建完毕,就立马被压入函数调用栈中,此时解释器会悄悄的做一件事情,就是给当前VO中的函数添加一个内部属性[[scope]],该属性指向上面的作用域链。
g_fn.scope = [ global_EC.VO ] // 该scope属性只能被JS解释器所使用,用户无法使用一行一行执行代码,当遇到一个表达式时,就会去当前作用域链的中查找VO对象,如果找到则返回,如果找不到,则继续查找下一个VO对象,直至全局VO对象终止。
此阶段可以有变量赋值,函数调用等操作,当解释器遇到g_fn()时,就知道这是一个函数调用,然后立即为其创建一个函数执行上下文,fn_EC,该上下文fn_EC同样有两个阶段
分别是创建阶段和执行阶段。
在创建阶段,对于函数执行上下文,在创建变量对象时,会多创建一个arguments对象,然后为arguments对象添加属性:"0","1", "2"其初始值为undefined,
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
Auto.js是个基于JavaScript语言运行在Android平台上的脚本框架。Auto.js主要工作原理是基于辅助服务AccessibilityServi
前言对springboot本身启动原理的分析,请参考:Springboot里的ClassLoader继承关系可以运行下面提供的demo,分别在不同的场景下运行,
JS运行三部曲js运行代码共分三步语法分析预编译解释执行JavaScript代码在运行时,首先会进行语法分析,通篇检查代码是否存在低级错误,然后进行预编译,整理
JavaScript中的定时器大家基本在平时的开发中都遇见过吧,但是又有多少人去深入的理解其中的原理呢?下面我们就来分析一下定时器的实现原理。一、储备知识在我们
本文实例讲述了javascript弹性运动效果简单实现方法。分享给大家供大家参考,具体如下:弹性运动实现原理:加速运动+减速运动+摩擦运动运行效果截图如下:实例