javascript作用域

1,[[scope]]:每个javascript函数都是一个对象,对象中有些属性我们可以访问,有些属性我们不能访问,这些属性仅供javascript引擎存取,[[scope]]就是其中一个。[[scope]]就是我们所说的作用域,其中存储了运行期上下文集合(就是作用域链)。
2,作用域链:[[scope]]作用域中所存储的执行期上下文对象的集合,这个集合呈链式链接,我们把这种链式链接叫做作用域链。
3,运行期上下文:当函数执行时,会创建一个称为执行期上下文的内部对象。一个执行期上下文定义了函数执行时的环境,函数每次执行时,对应的执行期上下文是独一无二的,所以多次调用一个函数会导致创建多个执行期上下文,当函数执行完毕,它所产生的执行期上下文被销毁。
4,查找变量的原则:从作用域链的顶端依次往下找。
下面以一段代码分析:

function a(){
    function b(){
        var b = 234;
    }
    var a = 123;
    b();
}
var glob = 100;
a();
//a函数在刚刚定义的时候就有属性a.[[scope]],用于存a的作用域。
//此时里面只有一个第0位指向Global Object,GO里面有this,window等属性
//当a函数执行的时候,会产生一个执行期上下文,此时a.[[scope]]会发生变化,
//第0位装的是AO对象,第一位装的是GO对象,此时就构成了一个作用域链,查找变量的时候就会从顶端的
//第0位依此往下查找。
//b函数在刚刚定义的时候就有属性b.[[scope]],用于存b的作用域。
//此时里面只有一个第0位指向a函数的AO,第一位指向GO
//当b函数执行的时候,也会产生一个执行期上下文,此时b.[[scope]]会发生变化,
//第0位装的是自己的AO对象,第一位装的是a函数的AO对象,第二位装的是GO,此时
//就构成了一个自己的作用域链
//当函数执行完毕的时候作用域链被销毁,所以函数执行完毕的时候外界就无法访问到函数内部的变量了

下面以图例说明:


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 作用域是变量与函数的可访问范围,作用域控制着变量与函数的可见性和生命周期。变量的作用域有两种:全局作用域和局部作用...
    lulu_c阅读 628评论 0 2
  • 任何程序设计语言都有作用域的概念,简单的说,作用域控制着变量与函数的可见性和生命周期。ES6之前,JS变量的作用域...
    卓三阳阅读 696评论 0 2
  • 本文摘抄自冴羽的博客 JavaScript深入系列15篇正式完结](https://github.com/mqyq...
    bacbcc94613b阅读 546评论 0 1
  • 简介 JavaScript 有个特性称为作用域。尽管对于很多开发新手来说,作用域的概念不容易理解,我会尽可能地从最...
    MapleLeafFall阅读 358评论 0 0
  • 工作是工作,不是生活的全部,除了完任务和事情外,需要思考问题的本质,这件事情做的虽然没有意义,也没有多好的效果,但...
    兽兽ran阅读 200评论 0 1

友情链接更多精彩内容