版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/weixin_36282409/article/details/83831728
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
<script type="text/javascript" charset="UTF-8">
//1.执行环境window对象（最上层的执行环境）
var color1 = "blue";
function changeColor(){//每一个函数，都有一个执行环境（variable obj）
var color2 = "red";
function swapColor(){//这个 函数，又产生了一个执行环境（variable obj）
//c3 3级作用域 c2 2级2作用域 c1 1级作用域
var color3 = color2;
color2 = color1;
color1 = color3;
//这里可以访问：color1、2、3
}
//这里可以访问 color1、color2但不能访问color3
swapColor();
}
//这里只能访问color1
changeColor();//作用域window第一个作用环境
//环境变量：可以一层一层进行追溯，可以访问他的上级环境（变量和函数）
</script>
</head>
<body>
<h1>New Web Project Page</h1>
</body>