JS中的执行环境和作用域
2024-09-03 07:53:03
window 是最大最外围的执行环境,然后每个函数都有自己的执行环境。JS代码是从上到下执行的,单纯的用语言描述可能会有点绕,而且不大直观。我们看着代码来
console.log('global begin:' + i); var i = 1 foo(1) function foo(i){
if(i == 4){
return
}
console.log('foo() begin:' + i);
foo(i+1)
console.log('foo() end:' + i); } console.log('global end:' + i);
上面代码依次输出的是什么?
一进来先是 window 执行环境,然后 window 会把先把里面的变量和函数提升,然后在从上到下执行。到 foo(1)时 会创建一个 foo的执行环境,然后就会去执行函数,在这应该都没有问题。 当 i= 3的时候执行的是 foo(4)满足条件,直接退出。执行
console.log('foo() end:' + i); // 3 重点就在这为什么是 3
就是这个执行环境在作怪,每次调用函数都会创建一个执行上下文环境,并把这个执行函数推进了栈里面,只有这个函数完全执行完毕了这个环境才会被释放的,因为之前的函数并没有执行完
console.log('foo() end:' + i); 这个还没有执行,所以他们会被一直保存在栈中。栈有一个特点就是后进先出
这个就是执行 foo(4)时的栈,foo(4)执行完了被释放,我们就执行foo(3)剩余的东西,直到把 foo 函数都执行完,栈里面就只剩下 window 了。只有关闭浏览器窗口的时候window才会被释放。
作用域链:其实每个执行环境都对应了一个变量对象,这个变量对象中就保存了当前环境中定义的所有变量和函数。当代码在一个环境中执行的时候就会创建变量对象的一个作用域链。如果是函数,他的对象是活动对象,最开始的时候只包含了一个 arguments ,他的作用域链中的下一个变量对象就是包含他的环境,就这样一层一层下去,直到最底层的 window
能力有限,表达的可能不是很清楚,如果有什么不对的请指正
最新文章
- flex的兼容
- javaScript 验证表单提交
- umeng
- PHP投票系统
- Axure一点
- 文件中的类都不能进行设计,因此未能为该文件显示设计器。设计器检查出文件中有以下类: FormMain --- 未能加载基类“WinForm.Win.FormsBase.FormMainBase”。请确保已引用该程序集并已生成所有项目
- 20160502-struts2入门--国际化
- <;IMG>;中UserMap的用法
- Oracle ACL(Access Control List)
- url路径
- javascript学习笔记-3
- C#学习之设计模式:工厂模式
- Linux-文件管理
- YARN的三种调度器的使用
- Collection 和 Collections;Array与Arrays的区别
- JavaScript中解决计算精度丢失的问题
- nginx + tomcat = http &;&; https
- 自定义simple_tag和filter在html中渲染出来的联系和区别
- JVM7、8参数详解及优化
- VCL 中的 Windows API 函数(5): AlphaBlend