网上关于执行上下文的文章有很多，关于什么是执行上下文，很多文章说得很清晰。
我说一下自己的理解。
执行上下文包含三个东西：
为什么包含这三个东西呢？首先我们要明白，什么叫做执行上下文。
执行上下文，又叫做执行环境。那么，什么是环境呢？
维基百科是这样解释的：
环境是指相对并相关某项中心事物的周围事物。
在我们的代码中，比如每一个函数，就是一段可以执行的代码。
这段可执行的代码，就是这个所谓的中心事物。同一个函数，在不同的地方执行，输出的结果是不一样的。这个导致输出结果不同的周围事物，就是所谓的环境。
假如我们现在有如下一段代码：
我要评论function dosomething(a){
console.log(a);
console.log(global);
console.log(this);
}
那么，当我们执行这一段代码的时候，会首先输出a的值，接着输出全局对象，最后输出this。
但是，这一段代码在不同的地方执行，输出的结果是不一样的。
比如，当我们的入参a不同的时候，那么输出的a就会是不同的。因此，变量就是一个环境。而所有的变量，我们统称其为变量对象，也就是所谓的vo（variable object）。
另外，在不同的地方，this的指向也是不同的。这是显而易见的，也是我们前端需要重点掌握的一个知识点。
还有一个[[scope]]，这就是作用域链，链接另一个执行环境的指针。
有了这三个东西，每一个函数就可以明确的知道，自己可以访问到哪些变量，应该在什么样的环境下执行。
这也就是为什么我们把它叫做执行环境、执行上下文。
如对本文有疑问， 点击进行留言回复！！
offset、client、scroll (width,height、left,top、X,Y)
网友评论