let变量声明
1.局部作用域
2.不能重复声明
3.不会变量提升
let代码实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<ul>
<li>第一行列表1</li>
<li>第二行列表2</li>
<li>第三行列表3</li>
<li>第四行列表4</li>
<li>第五行列表5</li>
</ul>
<script>
// var lis = document.querySelectorAll('ul li');
// for(let i=0;i<lis;length,i++){
// lis[i].onclick = function(){
// alert(i+1)
// }
// }
var lis = document.querySelectorAll('ul li');
for(var i=0;i<lis.length;i++){
(function(i){
lis[i].onclick = function(){
alert(i+1)
}
})(i)
}
</script>
</body>
</html>
const变量声明
1.局部作用域
2.不能重复声明
3.不会变量提升
4.生命必须赋值
5.声明后不能修改
6.建议声明变量必须大写
const代码实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
// 正确方式
const list1 =[1,2,3];
list1.push(4);
alert(list1);
// 错误方式
const list2 =[1,2,3];
list2 = [1,2,3,4]
alert(list1);
</script>
</body>
</html>