es6特性

<!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>
</body>
</html>
<script type="text/javascript">
// let等价于var,都是用来定义或者声明变量的关键字

// 1.必须先定义后使用
// console.log(a);
// let a = 123;

// 2.不能重复定义
// var a = 1;
// var a = 3;
// console.log(a);
// let a = 4;
// let a = 7;
// console.log(a); 错误

// 3.块级作用域
// 作用变量会存在块级区域
// 使用场景for循环,事件体内获得下标
// {
// let a =4;
// }
// console.log(a); 错误

let olis = document.querySelectorAll("li");
for(let i = 0; i < 5;i++){
olis[i].onclick = function(){
console.log(i);
}
}
// 4.暂时性死区
{
let a = 666;
//就近原则:当内部变量与外部变量重名时，内部变量自动屏蔽外部变量
console.log(a);
}
</script>

posted @ 2022-02-20 15:38  草莓的博客  阅读(6)  评论(0)    收藏  举报