开篇
当我们在最先进修任何一门言语的时刻，都邑接触到变量的观点，变量的涌现实在是为了处理一个题目，为的是存储某些值，进而，存储某些值的目标是为了在以后对这个值举行接见或许修正，恰是这类存储和接见变量的才能将状况给了顺序。我们的顺序中到处都充溢着关于状况的推断，依据差别的状况实行差别的逻辑。
我们试想一下，假如没有状况这个观点，顺序虽然也能够实行一些简朴的使命，然则它会遭到许多的限定，所能完成的功用是有限定的，举个例子，没有状况你是怎样实行轮回语句？没有状况怎样越发文雅地运用逻辑构造？
细致想一想，好像是步履维艰，固然引入变量后帮我们处理了这个题目。
然则，引入变量和状况的观点以后会引起几个题目：这些变量住在那里？换句话说，它们存储在那里？最主要的是，顺序须要它们的时刻怎样找到它们？
本日我们就一同进修一下这套存储和查找变量的划定规矩，这套划定规矩我们称之为：作用域。
作用域
我们来拆解一下这个词语,所谓的“域”我们能够明白为：局限、地区，加上“作用”两个字所要表述的题目就是作用的局限、地区，比方国度的行政地辨别别是为了便于治理，类比到顺序源代码中作用域的涌现也是为了便于关于变量做治理。
好，这里我们简朴做一下总结：
- 定义：作用域是指顺序源代码中定义变量的地区。
- 作用：作用域划定了怎样查找变量，也就是肯定当前实行代码对变量的接见权限。
- 在javaScript中的运用 ：JavaScript采纳词法作用域(lexical scoping)，也就是静态作用域。
那什么又是 词法作用域或许静态作用域呢？
请继承往下看
静态作用域与动态作用域
因为javaScript采纳的是词法作用域,函数的作用域在函数定义的时刻就决议了。
而词法作用域相对的是动态作用域,函数的作用域是在函数挪用的时刻才决议的。
让我们看一个例子来明白词法作用域和动态作用域之间的辨别：
var value = 1;
function foo() {
console.log(value);
}
function bar() {
var value = 2;
foo();
}
bar();
// 效果是 ???上面的代码中：
- 1.我们起首定义了一个value，并赋值为1；
- 2.声明一个函数foo，函数的功用是打印 value 这个变量的值;
- 3.声明一个函数bar，函数内部从新建立了一个变量 value 这个变量赋值为2；
在函数内部实行了 foo() 这个函数；- 4.实行 bar() 这个函数
假定javaScript采纳静态作用域，让我们剖析下实行历程：
实行foo函数,起首从 foo 函数内部查找是不是有变量 value ,假如没有
就依据誊写的位置，查找上面一层的代码，我们发明value即是1，所以效果会打印 1。
假定javaScript采纳动态作用域，让我们剖析下实行历程：
实行foo函数，依旧是从 foo 函数内部查找是不是有局部变量 value。假如没有，
就从挪用函数的作用域，也就是 bar 函数内部查找 value 变量，所以效果会打印 2。
上面在辨别静态作用于和动态作用域的时刻,我们已说了假如是静态作用域，那末函数在誊写定义的时刻已肯定了，而动态作用域是函数实行历程当中才肯定的。
JavaScript采纳的是静态作用域，所以这个例子的效果是 1。
我们在掌握台中输入实行上面的函数，磨练一下实行效果果然是 1。
动态作用域
那什么言语是采纳的动态的作用域呢? 实在bash 就是动态作用域，
我们能够新建一个 scope.bash 文件将以下代码放进去，实行一下这个剧本文件：
#!/bin/bash
value=1
function foo () {
echo $value;
}
function bar () {
local value=2;
foo;
}
bar上面代码运转的效果输出2很好诠释，虽然在代码最上层定义了 value并赋值为1，然则在挪用foo函数的时刻,在查找 foo 内部没有 value 变量后，会在foo 函数实行的环境中继承查找，也就是在bar 函数中查找，很荣幸我们找到了。
思索
末了，让我们看一个《JavaScript威望指南》中的例子：
// 例1：
var scope = "global scope";
function checkscope(){
var scope = "local scope";
function f(){
return scope;
}
return f();
}
checkscope();
// 例2：
var scope = "global scope";
function checkscope(){
var scope = "local scope";
function f(){
return scope;
}
return f;
}
checkscope()();让我们来剖析一下上面例1的代码:
- 1、定义一个变量 scope 并赋值 global scope；
- 2、声明一个函数 checkscope ,在这个函数中 定义一个变量 scope 并赋值 local scope；
- 3、在checkscope 函数中 又定义一个函数 f ,这个函数 只做了一件事：返回scope 这个变量；
- 4、末了返回并实行 f 这个函数；
- 5、挪用checkscope
根据我们上面诠释的javaScript中静态作用域明白，在实行 checkscope 这个函数的时刻在函数内部实行的是f 这个函数，起首在 f 这个函数内部查找 scope 这个变量发明没有，继承在定义函数f的上面一层查找，发明在checkscope 这个函数作用域内 找到了scope的值 直接返回，至于 checkscope表面定义的scope没有理会。
让我们来剖析一下上面例2的代码:
- 1、定义一个变量 scope 并赋值 global scope；
- 2、声明一个函数 checkscope 在这个函数中 定义一个变量 scope 并赋值 local scope；
- 3、在checkscope 函数中 又定义一个函数 f 这个函数 只做了一件事：返回scope 这个变量；
- 4、末了纯真的返回 f 这个函数；
- 5、挪用checkscope
根据我们上面诠释的javaScript中静态作用域明白，在实行 checkscope 这个函数的时刻在函数内返回了函数f现实是在最表面挪用的f然则因为javaScript是采纳的词法作用域，因而函数的作用域基于函数建立的位置。
而援用《JavaScript威望指南》的回复就是：
JavaScript 函数的实行用到了作用域链，这个作用域链是在函数定义的时刻建立的。嵌套的函数 f() 定义在这个作用域链里，个中的变量 scope 一定是局部变量，不论何时何地实行函数 f()，这类绑定在实行 f() 时依旧有用。
然则在这里真正想让人人思索的是：
虽然两段代码实行的效果一样，然则两段代码终究有哪些差别呢？
敬请期待下面一篇关于javaScript 中的实行上下文栈的相关内容。
参考：
- 1、《你不知道的Javascript上卷》
- 2、JavaScript深切之词法作用域和动态作用域
