作用域和自由变量

作用域(定义)


变量作用域:就是一个变量可以使用的范围。

作用域 (种类)


在这里插入图片描述

  • 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值呢:
在这里插入图片描述
效果:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43638968/article/details/108981839