首页 > 代码库 > javascript学习中自己对作用域和作用域链理解

javascript学习中自己对作用域和作用域链理解

在javascript学习中作用域和作用域链还是相对难理解些,下面我关于javascript作用域和作用域链做一下详细介绍,给各位初学者答疑解惑。
 首先我们介绍一下什么是作用域?
  从字面上理解就是起作用的区域。
   作用域主要有两种作用域:
      1、块级作用域(js 不支持):主要用于C系列语言中,例如:Java Object-c/Swift(苹果开发语言)、C++/C#。在此不做过多说明。
      2、词法作用域  一个变量的作用范围,在代码写出来的那一刻就定下来了,不会根据代码的运行而受影响。
换句话说就是变量的作用范围只与代码声明的地方有关,而与运行时无关。在javascript中只有函数能够形成一个作用域,所有在js中词法作用域也叫函数作用域。
  什么是作用域链?
  作用域链:每个函数都会形成一个作用域,如果函数被其他函数包裹,包裹函数也有作用域,一直往上直到全局环境。这样就形成了一条作用域链。
   说了那么多概念了,肯定枯燥了,就看个例子:

<script type="text/javascript">                  function fn() {            var a = 456;            function foo() {                var num = 123;                function f() {}                   }            foo();                }
</script>

我们从例子中可以知道 函数fn里面包裹着函数foo,函数foo中包裹着函数f的关系
                                     script标签包裹的区域为全局作用域
  f 的作用域链:f作用域->foo作用域->fn作用域->全局作用域。
foo 的作用域链:foo作用域->fn作用域->全局作用域。
 fn 的作用域链:fn作用域->全局作用域。
 是不是对作用域有了清晰的认识了

javascript学习中自己对作用域和作用域链理解