|
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>
|