今天，我们来聊聊作用域！
为什么
因为学习Javascript，这是最基本的概念之一，是构造我们Javascript知识树的一根大树干。
当然还有许多其它大树干，比如原型链，这个以后再聊。
从哪里聊起
当然是从概念开始。
首先我们知道，绝大多数流行的开发语言都是由外国人发明的，而使用的语言里英语又占了绝大多数。所以像作用域这样的概念毫无疑问也是由英语翻译过来的。
第一次接触到作用域这个概念感觉好高端：“这个是什么玩意，怎么个玩法”？
结果查了一下洋文：
image.png
原来作用域的洋文就是scope，作用域的概念我不懂，但是scope这个单词的中文翻译我还是知道的，就是范围的意思！
以上洋文的大概意思是：
-
Javascript中有全局作用域和局部作用域 - 每个函数会创造一个新的作用域
- 作用域决定了变量的可访问性
- 函数内部的变量不能被外部的函数访问
与现实的联系
我想起一句话：艺术源于生活而高于生活！
而Javascript中作用域的特点也一样可以借鉴于现实生活，比如说公司！
如果把Javascript当成公司，那么：
-
Javascript中有全局作用域和局部作用域
相当于：在公司在里大部门和小部门，这个非常好理解，因为在现实中就是这样的 - 每个函数会创造一个新的作用域
相当于：每个部门都有自己的职责 - 作用域决定了变量的可访问性
相当于：部门决定了其员工的工作范围 - 函数内部的变量不能变外部的函数访问
相当于：部门内部的员工不能被同级/上级部门使用
这么大白话翻译过来一下子就好懂很多了！
作用域链
与现实联系起来来理解作用域链那就简单多了，比如A部门是挂在B部门下的，B部门是挂在C部门下的，C部门是挂在D部门下，这样可以一直往上追溯到公司的最高层，这种层级就像一条链子，在Javascript中叫做作用域链
大概就是长这样的：
function A部门(){
var 员工1;
var 员工2;
function B1部门(){
var 员工1;
var 员工2;
function C部门(){
var 员工1;
}
}
function B2部门(){
var 员工1;
var 员工2;
function C部门(){
var 员工1;
}
}
}
注意
现实生活有时候是很灵活的，比如A部门临时调了同级B部门的某同事来帮忙，或者A部门调用其子部门的某同事来帮忙这些都是理所当然的事。
但是在代码的世界，有时就没有那么灵活，毕竟生活不严格等于代码，差异性是存在的，求同存异也是一种态度！
那么在javascript世界里：
- 同级部门的员工不能互相调用，这是规定！
- 上级部门不能调用下级部门的员工，这也是规定！
- 下级部门可以调用上级部门里的员工，这也是规定！
function 最顶级部门(){
var 张三;
//�最顶级部门不能调用下级A部门里李四
//�最顶级部门不能调用下级B部门里王五
function A部门(){
var 李四;
//A部门里不能调用同级部门里的 王五
//A部门里可以调用上级部门里的 张三
}
function B部门(){
var 王五;
//B部门里不能调用同级部门里的 李四
//B部门里可以调用上级部门里的 张三
}
}
完！
