浅谈JS作用域链

浅谈JS作用域链

作用域

作用域(scope)就是变量访问规则的有效范围。作用域外,无法引用作用域内的变量;
离开作用域后,作用域的变量的内存空间会被清除,比如执行完函数或者关闭浏览器。

  1. js中有全局作用域和局部作用域,
  • 全局可以在代码的任何地方都能被访问到。
  • 局部作用域一般只在一定的代码片段内可以访问到,一般指函数作用域。

作用域链

通过标识符查找标识符的值,会从当前作用域向上查找,直到作用域找到第一个匹配的标识符位置。
就是JS的作用域链。通俗来讲就是作用域的链接方式,链接方式为首先会在自身环境的作用域中找
对应的属性的值,没有就找上一级,直到找到或没有。

来看例子吧

  1. 第一题
var a=1
function fn1(){
  var a = 2
  console.log(a)
}
fn1()//输出2 虽然全局变量中也有 a=1 但是根据作用域链先在自身环境中找对应的属性,所以输出为2。
  1. 第二题
var a=1
function fn1(){
  function fn3(){
  console.log(a)
}
  var a=3
  return fn3()
}
fn1()//输出3 其自身作用域中没有a元素得属性 向其上一级作用域找。
  1. 第三题
var a=1
function fn1(a){
  a++
  console.log(a)
}
fn1(a)//输出2  使用的作用域是函数fn1中的,
console.log(a)//输出 1使用的作用域全局变量,

虽然同样是输出a,但是他们的作用域状态是不同的。

注意事项

根据这些例子我们可以得出一些作用域需要注意的事项。

1. 函数在执行的过程中,先从自己内部找变量
2. 如果找不到,再从创建当前函数所在的作用域去找, 以此往上
3. 注意找的是变量的当前的状态

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 作用域链: JS权威指南指出”JavaScript中的函数运行在它们被定义的作用域里,而不是它们被执行的作用域里....
    YYPL阅读 2,458评论 0 1
  • 前言 对于js中的闭包,无论是老司机还是小白,我想,见得不能再多了,然而有时三言两语却很难说得明白,反正在我初学时...
    itclanCoder阅读 4,217评论 1 11
  • 什么是作用域 对变量值的存储、访问、修改带给程序状态的改变编程语言的基本功能之一是能够存储变量当中的值,在之后对这...
    JunChow520阅读 650评论 0 7
  • 为什么3D图形技术发展了么多年,大家玩游戏还是会觉得画面很不真实?秘密就在于光影还是太假了。但NVIDIA花了10...
    科技领域站阅读 388评论 0 0
  • 猫老师说:"让自己变得更好,是解决一切问题的关键。打造里程碑和建立里程碑。能影响到别人也是自己的一件里程碑事件。”...
    xz蓝天阅读 205评论 0 4