vue.js let与for的用法
2020-05-27 本文已影响0人
阿飞666666
（一）块级作用域
1.let声明的变量拥有块级作用域，块级作用域是一对大括号
2.块级作用域可以直接写一对大括号，以后就不用写执行函数了
3. var与for循环
4.let与for的循环
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
li{
background: red;
color: white;
font-size: 20px;
margin: 10px;
}
</style>
</head>
<body>
<ul>
<li>red</li>
<li>blue</li>
<li>green</li>
<li>yellow</li>
</ul>
<script>
// //1.块级作用域
// function fa(){
// let a =15
// console.log(a)
// }
// fa()
// console.log(a) //underfider
//2.var与for循环
// var lis = document.querySelectorAll('li')
// for (var i=0; i<lis.length; i++){
// lis[i].onclick = function(){
// alert(i)
// }
// } //打印都是4
//3.let与for循环
var lis = document.querySelectorAll('li')
for (let i=0; i<lis.length; i++){
lis[i].onclick = function(){
alert(i)
}
}
</script>
</body>
</html>
