JavaScript 作用域

[TOC]

标识符

在开始讲解 JavaScript 中的变量声明前，我们先来了解一下什么是标识符，它是指变量、函数、属性的名称，或者函数的参数名，<u>在 JavaScript 中所有的一切都是大小写敏感的，标识符不能是关键字、保留字、true、false和null</u>，所以firstName不等于FirstName，而且用True声明一个变量是允许的。

变量

<u>Javascript定义的变量是松散型的，可以用来保存任何类型的数据。</u>允许在定义变量时同时设置变量的值。在这里使用var关键字定义了一个名为myName的变量，它是一个字符串值xiaoming。

var myName = 'xiaoming';

由于变量是松散型的，那么，<u>在变量的生命周期结束前是可以进行重新赋值的。</u>

var myName = 'xiaoming';
myName = 20;

在函数中定义的变量称为局部变量，一般情况下，<u>局部变量会在函数退出后被销毁。可以在函数外部任何地方访问到，我们称之为全局变量。</u>

function todo() {
    var myName = 'xiaoming'; 
}
var age = 20;
todo();
console.log(myName); // ReferenceError: myName is not defined
console.log(age ); // 20

<u>一条语句可以同时声明多个变量。</u>

var myName = 'xiaoming', age = 20, sleep = false;

作用域

我们再来看这个例子，当我们console.log(myName)时打印了xiaoming，程序到底都做了些什么事情，它是怎么知道我们要访问的内容并如期地显示给我们看的？

var myName = 'xiaoming';
console.log(myName);

变量的作用域意思是变量在哪里起作用，保证能在其生命周期中被访问到。

函数执行环境

<u>在函数内执行代码前，都会创建一个函数的执行环境，在这个执行环境中存在一个变量对象，所有定义的变量和函数都会保存在这个对象上。</u>它是一个抽象的概念，我们是无法直接访问的，JavaScript 解析器会在后台帮助我们处理变量和数据之间的关系。当执行环境被销毁，作用域也就不复存在了。

全局执行环境

Javascript中一切皆对象，在浏览器中，全局执行环境就是Window对象，所有在程序中定义的变量与函数都是挂载在Window对象的属性和方法。<u>该执行环境会在脚本结束后被销毁（离开页面或关闭标签页），定义在其中的变量和函数也会随之销毁。</u>

Arguments 对象

在每个函数中执行代码时，会创建自己的执行环境。在该执行环境中会创建一个arguments对象保存所有传递给该函数的参数，它是一个类数组，所以也可以通过[]访问指定索引上保存的值，通过.length访问数组的长度。Arguments对象连同定义的变量和函数会被保存在变量对象上。

作用域链

1.作用域链是保证变量及函数的有序访问的关键。<u>在解析标识符时，通过作用域链向上追溯逐步搜索，直到找到所对应的数据。</u>

function todo(msg) {
    function say() {
        console.log(msg);
    }
    say();
}
todo('hi');

在这个例子里，先是定义了一个todo函数，并且定义了参数msg。在执行了todo('hi');时，会创建一个todo的执行环境，msg意味着是传入的字符串hi，并保存在了arguments对象里。紧接着在todo作用域中定义了say函数并执行say函数，会为say创建一个执行环境，在say执行环境中访问了msg这个标识符，在当前执行环境中未找到该变量，会向外部todo环境中寻找，在找到了msg变量后并打印了'hi'。

2.<u>最外层的作用域是window对象，如果在解析的过程中没找到合适的数据会在该作用域中自动创建。</u>

function todo() {
    myName = 'xiaoming'; 
}
todo();
console.log(myName); // 'xiaoming'