作用域(定义)
变量作用域:就是一个变量可以使用的范围。
作用域 (种类)
- js中首先有一个最外层的作用域,
全局作用域
; - js中可以通过函数来创建一个独立作用域称为
函数作用域
,函数可以嵌套,所以作用域也可以嵌套; - es6中新增了
块级作用域
(大括号,比如:if{},for(){},while(){}…);
如下图所示:
es6作用域,只适用于const,let
自由变量
自由变量的概念: 当前作用域没有定义的变量
作用域链
自由变量的向上级作用域一层一层查找,直到找到为止,最高找到全局作用域,就形成了作用域链。
作用域相关问题—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值呢:
效果: