前端学习笔记-JS-作用域

作用域

作用域：变量可以起作用的范围，目的是为了提高程序的可靠性更重要的是减少命名冲突（js的作用域（es6）之前 ： 全局作用域   局部作用域）

 

全局作用域

整个script标签 或者是一个单独的js文件

局部作用域（函数作用域）

在函数内部就是局部作用域 这个代码的名字只在函数内部起效果和作用

 

全局变量和局部变量

• 全局变量

  在任何地方都可以访问到的变量就是全局变量，对应全局作用域

       在全局作用域下var声明的变量 是全局变量

       特殊情况下，在函数内不使用var声明的变量是全局变量，不推荐使用

• 局部变量

  只在固定的代码片段内可访问到的变量，最常见的例如函数内部。对应局部作用域(函数作用域)

       在函数内部下var声明的变量 是局部变量

       函数的形参实际上就是局部变量

局部变量退出作用域之后会销毁，全局变量关闭网页或浏览器才会销毁

 

块级作用域

任何一对花括号（｛和｝）中的语句集都属于一个块，在这之中定义的所有变量在代码块外都是不可见的，我们称之为块级作用域。 在es5之前没有块级作用域的的概念,只有函数作用域（es6新增块级作用域），现阶段可以认为JavaScript没有块级作用域

 

词法作用域

变量的作用域是在定义时决定而不是执行时决定，也就是说词法作用域取决于源码，通过静态分析就能确定，因此词法作用域也叫做静态作用域。

在 js 中词法作用域规则:

• 函数允许访问函数外的数据.

• 整个代码结构中只有函数可以限定作用域.

• 作用域规则首先使用提升规则分析

• 如果当前作用规则中有名字了, 就不考虑外面的名字

 

作用域链

只有函数可以制造作用域结构， 那么只要是代码，就至少有一个作用域, 即全局作用域。凡是代码中有函数，那么这个函数就构成另一个作用域。如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用域。
​
将这样的所有的作用域列出来，可以有一个结构: 函数内指向函数外的链式结构。
作用域链 ：内部函数访问外部函数的变量，采取的是链式查找的方式来决定取那个值 这种结构我们称为作用域链 就近原则

案例：

function f1() {
    var num = 123;
    function f2() {
        console.log( num );
    }
    f2();
}
var num = 456;
f1();  // 输出 123