作用域
变量作用域：就是一个变量可以使用的范围。
作用域 （种类）
- s中首先有一个最外层的作用域，
全局作用域；- js中可以通过函数来创建一个独立作用域称为
函数作用域，函数可以嵌套，所以作用域也可以嵌套；- es6中新增了
块级作用域（大括号，比如：if{},for(){},while(){}…）；
如下图所示：
自由变量
自由变量的概念： 当前作用域没有定义的变量
作用域链
在函数创建的时候，作用域链就形成了
变量的查找机制：当在一个作用域中访问一个变量的时候，首先查找的当前自己的作用域（AO）如果没有找到，就会去查询去查询父作用域的AO，如果也没有，就一直查询到全局gobal context 对象，找到了就返回，找不到就报错。这个查询层层递进形成一个链条 ，这个链条就是 作用域链
函数在被定义的时候，就通过{构造函数}.prototype.contructor.[[scope]]记录作用域链，并且函数会记住创建这个函数的环境（context）
变量提升（预解析）
var声明的变量，function声明的函数存在变量提升
let const 不会变量提升
javascript中声明并定义一个变量时，会把声明提前，以下会先打印出undefined，再打印出10
console.log(a)
var a = 10
console.log(a)
相当于
var a
console.log(a)；//undefined
a = 10
console.log(a) //10
函数声明也是，以下函数相当于把整个fn提到作用域的最上面，所以调用fn时会正常打印jack
fn('jack')；//jack
function fn (name){
console.log(name)
}
不过函数表达式不行，以下是一个函数表达式，JavaScript会把var fn提到作用域最上面，没有吧函数提上去，所以会报错
fn("jack");//报错
var fn = function(name) {
console.log(name);
};
变量提升面试题
代码如下
var x = 30;
function test(){
alert(x);
var x = 10;
alert(x);
x=20;
function x(){};
alert(x);
}
test();
分析：
第一步：
test是函数，每个函数作用域也首先要进行预解析，var,function声明的变量或者函数首先变量提升，但是函数的优先级高于变量，所以预解析池最终结果为function x(){}
步骤二：
从上往下，逐步执行： 第一个alert(x)中的x向上查找，直至找到预解析池，function x(){},
第二个alert(x)中的x向上查找，找到var x=10;, 弹出 10；
第二个alert(x)中的x向上查找，找到 x=10;, 弹出 20；
作用域相关面试题 （i的问题）
<body>
</body><script>
let a
for (var i = 0; i < 10; i++) {
a = document.createElement('a')
a.innerHTML = i + '<br>'
a.addEventListener('click', function (e) {
e.preventDefault()
console.log(i)
})
document.body.appendChild(a)
}
</script>
效果如图：
分析：
那么如何才能点击不同的a，输出对应的i值呢：
效果
278
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
