【学习笔记】深入理解js原型和闭包(13)——【作用域】和【上下文环境】
上文简单介绍了作用域,本文把作用域和上下文环境结合起来说一下,会理解的更深一些。
如上图,我们在上文中已经介绍了,除了全局作用域之外,每个函数都会创建自己的作用域,作用域在函数定义时就已经确定了。而不是在函数调用时确定。
下面我们将按照程序执行的顺序,一步一步把各个上下文环境加上。另外,对上下文环境不了解的朋友,可以去看看之前的两篇文章:
https://www.cnblogs.com/lauzhishuai/p/10078231.html
https://www.cnblogs.com/lauzhishuai/p/10078259.html
第一步,在加载程序时,已经确定了全局上下文环境,并随着程序的执行而对变量就行赋值。
第二步,程序执行到第27行,调用fn(10),此时生成此次调用fn函数时的上下文环境,压栈,并将此上下文环境设置为活动状态。
第三步,执行到第23行时,调用bar(100),生成此次调用的上下文环境,压栈,并设置为活动状态。
第四步,执行完第23行,bar(100)调用完成。则bar(100)上下文环境被销毁。接着执行第24行,调用bar(200),则又生成bar(200)的上下文环境,压栈,设置为活动状态。
第五步,执行完第24行,则bar(200)调用结束,其上下文环境被销毁。此时会回到fn(10)上下文环境,变为活动状态。
第六步,执行完第27行代码,fn(10)执行完成之后,fn(10)上下文环境被销毁,全局上下文环境又回到活动状态。
结束了。像老太太的裹脚布——又臭又长!
最后我们可以把以上这几个图片连接起来看看。
连接起来看,还是挺有意思的。作用域只是一个“地盘”,一个抽象的概念,其中没有变量。要通过作用域对应的执行上下文环境来获取变量的值。同一个作用域下,不同的调用会产生不同的执行上下文环境,继而产生不同的变量的值。所以,作用域中变量的值是在执行过程中产生的确定的,而作用域却是在函数创建时就确定了。
所以,如果要查找一个作用域下某个变量的值,就需要找到这个作用域对应的执行上下文环境,再在其中寻找变量的值。
虽然本文很长,但是文字较少,图片居多,图片都有形象的展示,大家花十几分钟也能慢慢看完。但是,这节内容真的很重要。
以上代码中,咱们还没有设计到跨作用域取值的情况,即——自由变量。详细内容且听下回分解。
---------------------------------------------------------------------------
本文已更新到《深入理解js原型和闭包》的目录更多内容可参考《深入理解js原型和闭包》
最新文章
- Android 四大组件之再论BroadCast
- WebService返回DataTable
- springMVC接收参数的几种方式
- vmware centos nat模式下连不上网络解决办法
- Qual F&;Q
- 【转】深入理解const char*p,char const*p,char *const p,const char **p,char const**p,char *const*p,char**const p
- Mac系统下控制鼠标移动
- POJ 1979 Red and Black dfs 难度:0
- HDOJ1010(BFS)
- 【暑假】[深入动态规划]UVAlive 4794 Sharing Chocolate
- js实现求平均数功能
- [UWP]了解模板化控件(4):TemplatePart
- (一) sublime安装和使用
- JavaScript我学之一变量类型
- Codeforces Educational Codeforces Round 44 (Rated for Div. 2) F. Isomorphic Strings
- 开发属于自己的Web服务器
- 嵌入式常用技术概览之SPI
- JavaWeb学习总结-12 JSTL标签语言
- zookeeper 入门(二)
- h5内容初探
热门文章
- [arm驱动]Linux内核开发之阻塞非阻塞IO----轮询操作【转】
- Could not load file or assembly 'System.Web.Http
- 安全性测试--CSRF攻击
- 利用Swoole实现PHP+websocket直播,即使通讯
- codeforces 459E E. Pashmak and Graph(dp+sort)
- 使用cocoaPods加载框架的具体步骤:
- [USACO 2016Dec] Team Building
- 【Codeforces 947B】 Producting Snow
- SQLite学习手册(开篇)
- COCOS2DX场景切换特效