画做用域链的原则

时间 2019-11-08
标签原则繁體版
原文原文链接
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
    <script type="text/javascript">
        // 绘制如下代码的做用域链：
        var num = 123;
        var f = function() {};
        var arr = [];


        // 绘制做用域的规则：
        // 1 绘制做用域链的时候，只绘制在当前做用域中声明的变量或者函数
        // 2 把全局做用域看做是0级别链，只绘制在全局中声明的函数和变量
        // 3 若是是在全局做用域中存在一个函数，此时，在这个函数上
        //         引出一条新的链，此时把这条链叫作： 1级别链
        // 4 若是，在函数内部 又声明链一个函数，而后，这个函数由引出一条新的
        //         链出来，把这条链称做：2级别链
        // 5 以此类推，只到n级别的链

        // 变量搜索原则：
        // 从高级别的链 到 低级别的链，来查找
        // 1 首先是在当前链（n）中查找有没有声明的这个变量，若是由直接使用
        // 2 没有，就去 n-1 级别的链中查找有没有，若是由直接使用
        // 3 以此类推，知道 0 级别的链，若是有直接使用，若是没有
        //         若是是赋值，此时会建立全局变量
        //         若是是读取，此时会报错！！
        // console.log(asdfa);
    </script>
</body>
</html>