ES6-变量let和常量const
2024-09-07 05:49:10
1.以往js变量
- var
- 1.可以重复声明
- 2.无法限制修改(指不能声明常量)
- 3.没有块级作用域(指{}这样的)
2.现在ES6变量
- let 不能重复声明-变量,可以修改,块级作用域
- const 不能重复声明-常量,不可以修改,块级作用域
3.实例:块级作用域有什么用处
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>块级作用域03</title>
<script>
window.onload = function() {
var aBtn = document.getElementsByTagName('input')
// 效果1
// for (var i = 0; i < aBtn.length; i++) {
// aBtn[i].onclick = function() {
// alert(i);
// // 按钮执行结果三次全为3
// };
// }
// 效果2
// for (var i = 0; i < aBtn.length; i++) {
// (function(i) {
// aBtn[i].onclick = function() {
// alert(i);
// // 按钮执行结果三次分别为0,1,2
// };
// })(i);
// }
// 效果3
for (let i = 0; i < aBtn.length; i++) {
aBtn[i].onclick = function() {
alert(i);
// 按钮执行结果三次也分别为0,1,2
};
}
}
</script>
</head>
<body>
<input type="button" value="按钮1">
<input type="button" value="按钮2">
<input type="button" value="按钮3">
</body>
</html>
最新文章
- JAVA GUI
- cordova添加plugin
- POJ 1860 Currency Exchange (最短路)
- Database and models
- python中的__init__ 、__new__、__call__等内置函数的剖析
- 【Python】Coding the Matrix:Week 5: Dimension Homework 5
- 总结一下.net framework适合装在哪些系统中
- ruby on rails创建的页面訪问很慢
- 2732: [HNOI2012]射箭( 半平面交 )
- 抽象方法不能是static或native或synchroniz
- Hibernate与Spring的事务管理
- 通过getResourceAsStream 获得Properties文件属性和属性值
- asd短片数篇
- cefsharp保存文件为pdf
- 《Go学习笔记 . 雨痕》反射
- os.walk的用法
- Mysql6.0连接中的几个问题 Mysql6.xx
- [TJOI2013]单词 AC自动机
- Date类型
- IOS面试题(二)