<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button>按钮1</button>
<button>按钮2</button>
<button>按钮3</button>
<button>按钮4</button>
<button>按钮5</button>
<!-- <script src="../vue.js"></script> -->
<script >
var btns = document.getElementsByTagName('button')
for (var i = 0; i < btns.length; i++) {
//只有函数有作用域
//i会传给aaa当值
(function (aaa) {
btns[aaa].addEventListener('click', function () {
console.log('第' + (++aaa) + '个按钮被点击')
})
})(i)
}
// let有作用域,var没有 所以访问不到a
{
let a = 1
console.log(a)//1
}
// console.log(a)//ncaught ReferenceError: a is not defined
// let有作用域,var没有 所以可以访问到aa
{
var aa = 88
console.log(aa)//88
}
console.log(aa)//88
//没加类型默认加window. 全局变量
aaa = 2
console.log(aaa)//2
</script>
</body>
</html>