深入理解JavaScript执行上下文

最新推荐文章于 2020-10-25 15:16:39 发布

原创

最新推荐文章于 2020-10-25 15:16:39 发布 · 2.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#执行上下文 #JavaScript执行上下文 #深入理解JavaScript执行上下文 #JavaScript

本文深入探讨JavaScript执行上下文，分析全局上下文与函数上下文的区别，并通过示例解析执行上下文的创建、作用域链及变量对象。通过对比两段代码的执行过程，揭示了执行上下文出栈顺序对闭包实现的影响。

在《深入理解JavaScript执行上下文栈》这篇文章中，我们已经介绍了执行上下文相关概念：

执行上下文

分类：全局上下文、函数上下文

全局上下文：执行全局代码时，创建全局上下文。
函数上下文：执行函数时，创建函数上下文。

主要属性：

变量对象（Variable object，VO）
作用域链（Scope chain）
this

这一篇我们将介绍执行上下文的具体处理过程。

示例

我们来看一个经常在面试中被问到的问题：

var scope = 'global scope'
function checkscope(){
   
   
    var scope = 'local scope'
    function f(){
   
   
        return scope
    }
    return f()
}
checkscope()

var scope = 'global scope'
function checkscope(){
   
   
    var scope = 'local scope'
    function f(){

最低0.47元/天解锁文章