网上关于执行上下文的文章有很多,关于什么是执行上下文,很多文章说得很清晰。我说一下自己的理解。执行上下文包含三个东西:
为什么包含这三个东西呢?首先我们要明白,什么叫做执行上下文。
执行上下文,又叫做执行环境。那么,什么是环境呢?
维基百科是这样解释的:
环境是指相对并相关某项中心事物的周围事物。
在我们的代码中,比如每一个函数,就是一段可以执行的代码。
这段可执行的代码,就是这个所谓的中心事物。同一个函数,在不同的地方执行,输出的结果是不一样的。这个导致输出结果不同的周围事物,就是所谓的环境。
假如我们现在有如下一段代码:
function doSomeThing(a){
console.log(a);
console.log(global);
console.log(this);
}
那么,当我们执行这一段代码的时候,会首先输出a的值,接着输出全局对象,最后输出this。
但是,这一段代码在不同的地方执行,输出的结果是不一样的。
比如,当我们的入参a不同的时候,那么输出的a就会是不同的。因此,变量就是一个环境。而所有的变量,我们统称其为变量对象,也就是所谓的VO(variable object)。
另外,在不同的地方,this的指向也是不同的。这是显而易见的,也是我们前端需要重点掌握的一个知识点。
还有一个[[scope]],这就是作用域链,链接另一个执行环境的指针。
有了这三个东西,每一个函数就可以明确的知道,自己可以访问到哪些变量,应该在什么样的环境下执行。
这也就是为什么我们把它叫做执行环境、执行上下文。
执行上下文,Execution Context,下面简称EC。当函数执行时,会创建一个称为执行上下文的内部对象(可理解为作用域)。一个执行上下文定义了一个函数执行时的环境。
上下文是Javascript 中的一个比较重要的概念, 可能很多朋友对这个概念并不是很熟悉, 那换成「作用域」 和 「闭包」呢?是不是就很亲切了。「作用域」和「闭包」 都是和「执行上下文」密切相关的两个概念。
在有些 CSS 相互影响作用下,对元素设置的 z-index 并不会按实际大小叠加,一直不明白其中的原理,最近特意查了一下相关资料,做一个小总结。层叠上下文(stacking content)是 HTML 中的三维概念,也就是元素z轴。
代码运行是在一定的环境之中运行的,这个运行环境我们就成为执行环境,也就是执行上下文,按照执行环境不同,我们可以分为三类:全局执行环境:代码首次执行时候的默认环境
如果你是或者想成为一名Javascript开发者,那就必须要知道Javascript内部是如何执行的。正确的理解Javascript中的执行上下文和执行栈对于理解其它Javascript概念(比如变量提升,作用域,闭包等)至关重要。
层叠上下文(stacking context),是HTML中一个三维的概念。在CSS2.1规范中,每个盒模型的位置是三维的,分别是平面画布上的X轴,Y轴以及表示层叠的Z轴。一般情况下,元素在页面上沿X轴Y轴
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!