js
/
函数的作用域链.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>函数的作用域链</title>
</head>
<body>

</body>
</html>
<script>
    /**
     *在js中进行函数调用,会为每一个函数增加一个属性scope,通过这个属性来指向一块内存,这块内存包含了所有上下文使用的变量,当在某个函数中执行了新函数以后,会有一个作用域来执行原有函数的scope和新函数的scope,这样就形成了一个链,就是js的作用域链
     *
     */
    var color = 'red';
    var showColor = function () {
        alert(this.color);
    }
    function changeColor() {
        var anotherColor = 'blue';

        function swampColor() {
            var tmpColor = anotherColor;
            anotherColor = color;
            color = tmpColor;

        }
        swampColor();

    }
    changeColor();
    showColor();//blue
</script>