通过实例了解JS执行上下文运行原理
144 浏览量
2020-10-15
05:16:13
上传
评论
收藏 114KB PDF 举报
通过实例了解通过实例了解JS执行上下文运行原理执行上下文运行原理
主要介绍了通过实例了解JS执行上下文运行原理,文中通过示例代码介绍的非常详细，对大家的学习或者工作具
有一定的参考学习价值,需要的朋友可以参考下
壹壹 ❀ 引引
我们都知道，JS代码的执行顺序总是与代码先后顺序有所差异，当先抛开异步问题你会发现就算是同步代码，它的执行也与
你的预期不一致，比如：
function f1() {
console.log('听风是风');
};
f1(); //echo
function f1() {
console.log('echo');
};
f1(); //echo
按照代码书写顺序，应该先输出 听风是风，再输出 echo才对，很遗憾，两次输出均为 echo；如果我们将上述代码中的函数
声明改为函数表达式，结果又不太一样：
var f1 = function () {
console.log('听风是风');
};
f1(); //听风是风
var f1 = function() {
console.log('echo');
};
f1(); //echo
这说明代码在执行前一定发生了某些微妙的变化，JS引擎究竟做了什么呢？这就不得不提JS执行上下文的了。
贰贰 ❀ JS执行上下文执行上下文
JS代码在执行前，JS引擎总要做一番准备工作，这份工作其实就是创建对应的执行上下文；
执行上下文有且只有三类，全局执行上下文，函数上下文，与eval上下文；由于eval一般不会使用，这里不做讨论。
1.全局执行上下文
全局执行上下文只有一个，在客户端中一般由浏览器创建，也就是我们熟知的window对象，我们能通过this直接访问到它。
全局对象window上预定义了大量的方法和属性，我们在全局环境的任意处都能直接访问这些属性方法，同时window对象还是
var声明的全局变量的载体。我们通过var创建的全局对象，都可以通过window直接访问。
2.函数执行上下文
函数执行上下文可存在无数个，每当一个函数被调用时都会创建一个函数上下文；需要注意的是，同一个函数被多次调用，都
会创建一个新的上下文。
资源评论
