xml地图|网站地图|网站标签 [设为首页] [加入收藏]

前端基础进阶,执行上下文详细图解

来源:http://www.ccidsi.com 作者:呼叫中心培训课程 人气:185 发布时间:2019-05-02
摘要:前者基础进阶(二):实行上下文详细图解 2017/02/21 · 基本功技能 ·实施上下文 初稿出处: 波同学    先随便放张图 咱俩在JS学习初期大概面试的时候时不时会凌驾考核变量提高的思

前者基础进阶(二):实行上下文详细图解

2017/02/21 · 基本功技能 · 实施上下文

初稿出处: 波同学   

图片 1

先随便放张图

咱俩在JS学习初期大概面试的时候时不时会凌驾考核变量提高的思索题。比如先来3个粗略一点的。

JavaScript

console.log(a); // 这里会打字与印刷出哪些? var a = 20;

1
2
console.log(a);   // 这里会打印出什么?
var a = 20;

暂且先不管那些事例,我们先引进3个JavaScript中最基础,但还要也是最要紧的1个概念举行上下文(Execution Context)

老是当调节器转到可施行代码的时候,就能够进入3个进行上下文。试行上下文可以知晓为目前代码的施行意况,它会酿成叁个功用域。JavaScript中的运营条件大约蕴涵二种状态。

  • 全局境遇:JavaScript代码运转起来会率先进入该条件
  • 函数情况:当函数被调用实施时,会进去当前函数中奉行代码
  • eval

从而在一个JavaScript程序中,必定会产生七个实施上下文,在小编的上一篇小说中也有关系,JavaScript引擎会以仓库的艺术来拍卖它们,那一个库房,大家称其为函数调用栈(call stack)。栈底永世都以全局上下文,而栈顶正是当下正在奉行的上下文。

当代码在实施进度中,遇到以上三种境况,都会扭转1个实践上下文,放入栈中,而远在栈顶的上