JavaScript 词法静态动态作用域初级理解

Posted 2020-08-09

开始之前

　　由于本人也是javascript初学者，记录学习经过，怕以后会忘记。

　　对于JavaScript 初学者来说，最难的不是代码部分，而是对很多书籍中的术语的理解，大多时候想要理解一段JavaScript书籍中的解释内容，就会涉及很多术语，在术语不通的情况下都会对内容理解偏差（导致很难记住所学内容），由于本人在阅读书籍时经常会遇到这一问题，所以今天将记下这一基础内容。

一、需要关注点

　　１）执行环境（作用域）函数执行环境　变量作用域

　　２）函数作用域和声明提前

　　３）自由变量

　　４）词法作用域和静态作用域

　　５）动态作用域

二、解释

　　１）执行环境（作用域）变量作用域

　　　　说到执行环境这个词，对于看过JavaScript高级程序设计的同学并不陌生，那么我们就先来看看什么是执行环境：

　　　　１.执行环境：简称：“环境”，是JavaScript中最重要的一个概念。执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为，每个执行环境都有一个与之关联的“变量对象（variable object）”，环境中定义的所有变量和函数都保存在这个对象中。我们编写的代码是无法访问这个对象的，但解析器在处理数据时会在后台使用它。

 

　　　　２．全局执行环境是最外围的一个执行环境，在Web浏览器中，全局执行环境被认为是window对象，因此所有全局变量和函数都是作为window对象的属性和方法来创建的。某个执行环境中的所有代码执行完毕后，该环境就会被销毁，保存在其中的所有变量和函数定义也随之销毁。

　　　　３．函数执行环境：每个函数都有自己的执行环境，当执行流进入一个函数时，函数的环境就会被推入一个环境栈中。而在函数执行之后，栈将其环境弹出，把控制权返回给之前的执行环境。　

　　　　４．作用域链：它的用途是保证对执行环境有权访问的所有变量和函数的有序访问，作用域链的前端，始终都是当前执行的代码所在的环境的变量对象。当代码在一个执行环境中执行时，会创建变量对象的一个作用域链（scope chain）。

 

　　２）声明提前

　　　　１．声明提前：javascript的函数作用域是指在函数内声明的所有变量在函数体内始终是可见的，这意味着变量在声明之前是可用的，这也是原因。这步操作是在javascript "预编译"时进行的，是在代码运行之前。

// 局部变量优先于全局变量
// 函数嵌套的情况下，最内层函数变量优先于在它之上的函数变量
var scope = ‘global scope‘;

function checkScope() {
    // body...  
    var scope = ‘local scope‘;

    function nested() {
        var scope = ‘nested scope‘;
        return scope;
    }
    return nested();
}

var scope = checkScope();
console.log(‘varable scope :‘, scope) // ‘nested scope‘

　　３）自由变量：在A作用域中使用的变量x，却没有在A作用域中声明（即在其他作用域中声明的），对于A作用域来说，x就是一个自由变量。

ar x = 10;
function fn(){
	var b = 20;
	console.log(x + b); // x 就是一个自由变量。
}

　　４）词法作用域和静态作用域：词法作用域等同于静态作用域，静态作用域规则查找一个变量声明时依赖的是源程序中块之间的静态关系；

　　５）动态作用域规则依赖的是程序执行时的函数调用顺序。

　　　　静态作用域和动态作用域的一个重要区别在于：
　　　　静态作用域规则查找一个变量声明时依赖的是源程序中块之间的静态关系；
　　　　而动态作用域规则依赖的是程序执行时的函数调用顺序。
　　　　说的具体点，就是静态作用域查找的是距离当前作用域最近的外层作用域中同名标识符的声明，
　　　　而动态作用域则是查找最近的活动记录

关于作用域几篇比叫好的文章：

http://www.cnblogs.com/zxj159/archive/2013/05/17/3084598.html

http://www.cnblogs.com/wangfupeng1988/p/3992795.html