作用域与公司

今天，我们来聊聊作用域！

为什么

因为学习Javascript，这是最基本的概念之一，是构造我们Javascript知识树的一根大树干。
当然还有许多其它大树干，比如原型链，这个以后再聊。

从哪里聊起

当然是从概念开始。
首先我们知道，绝大多数流行的开发语言都是由外国人发明的，而使用的语言里英语又占了绝大多数。所以像作用域这样的概念毫无疑问也是由英语翻译过来的。
第一次接触到作用域这个概念感觉好高端：“这个是什么玩意，怎么个玩法”？
结果查了一下洋文：

image.png

原来作用域的洋文就是scope，作用域的概念我不懂，但是scope这个单词的中文翻译我还是知道的，就是范围的意思！
以上洋文的大概意思是：

1. Javascript中有全局作用域和局部作用域
2. 每个函数会创造一个新的作用域
3. 作用域决定了变量的可访问性
4. 函数内部的变量不能被外部的函数访问

与现实的联系

我想起一句话：艺术源于生活而高于生活！
而Javascript中作用域的特点也一样可以借鉴于现实生活，比如说公司！
如果把Javascript当成公司，那么：

1. Javascript中有全局作用域和局部作用域
   相当于：在公司在里大部门和小部门，这个非常好理解，因为在现实中就是这样的
2. 每个函数会创造一个新的作用域
   相当于：每个部门都有自己的职责
3. 作用域决定了变量的可访问性
   相当于：部门决定了其员工的工作范围
4. 函数内部的变量不能变外部的函数访问
   相当于：部门内部的员工不能被同级/上级部门使用
   这么大白话翻译过来一下子就好懂很多了！

作用域链

与现实联系起来来理解作用域链那就简单多了，比如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世界里：

1. 同级部门的员工不能互相调用，这是规定！
2. 上级部门不能调用下级部门的员工，这也是规定！
3. 下级部门可以调用上级部门里的员工，这也是规定！

function 最顶级部门(){
    var 张三; 
    //�最顶级部门不能调用下级A部门里李四
    //�最顶级部门不能调用下级B部门里王五

    function A部门(){
        var 李四;
        //A部门里不能调用同级部门里的 王五
        //A部门里可以调用上级部门里的 张三
    }
    function B部门(){
        var 王五;
        //B部门里不能调用同级部门里的 李四
        //B部门里可以调用上级部门里的 张三
        
    }
}

完！