ES6系列一：变量

最新推荐文章于 2023-06-10 22:13:35 发布

苍穹尘

最新推荐文章于 2023-06-10 22:13:35 发布

阅读量178

点赞数

分类专栏： ES6

本文链接：https://blog.csdn.net/lizhiqiang1217/article/details/90181492

版权

ES6 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

一、var 的问题：
1、可以重复声明，没有报错和警告
2、无法限制修改，没有常量

var a=12;
var a=5;
alert(a);  //结果：5

3、没有块级作用域， { }

if(true){
var a=12;
}
alert(a);  //结果：12

二、let 和 const：
1、不能重复声明

let a=12;
let a=5;
alert(a);  //报错：Uncaught SyntaxError: Identifier 'a' has already been declared

const a=12;
const a=5;
alert(a);  //报错：Uncaught SyntaxError: Identifier 'a' has already been declared

2、都有块级作用域, { } 块内声明的，块内有效，块外无效

if(true){
	let a=12;
}
alert(a);  //报错：Uncaught ReferenceError: a is not defined

if(true){
 	const a=12;
}
alert(a);  //报错：Uncaught ReferenceError: a is not defined

3、let 是变量，可以修改

let a=12;
a=5;
alert(a);  //结果：5

4、const 是常量，不能修改

const a=12;
a=5;
alert(a);  //报错：Uncaught TypeError: Assignment to constant variable

三、块级作用域举例
原来用 var 的方式，结果弹出的都是 3
或者将变量封装到函数里，限制作用域，但比较麻烦
用 let 最简单，直接 var 改 let，解决作用域问题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>块级作用域的用处</title>
    <script>
        window.onload= function () {
           /* var aBtn = document.getElementsByTagName('input')
            for (var i=0; i < aBtn.length; i++) {
                aBtn[i].onclick = function () {
                    alert(i)
                }
            }*/
           /*var aBtn = document.getElementsByTagName('input')
           for (var i = 0; i < aBtn.length; i++) {
               // 封装到函数里，限制作用域
               (function (i) {
                   aBtn[i].onclick = function () {
                       alert(i)
                   }
               })(i)
           }*/
            var aBtn = document.getElementsByTagName('input')
            for (let i = 0; i < aBtn.length; i++) {
                aBtn[i].onclick = function () {
                    alert(i)
                }
            }
        }
    </script>
</head>
<body>
    <input type="button" value="按钮1">
    <input type="button" value="按钮2">
    <input type="button" value="按钮3">
</body>
</html>

苍穹尘

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ES6系列一：变量

一、var 的问题：1、可以重复声明，没有报错和警告2、无法限制修改，没有常量3、没有块级作用域， { }二、let 和 const：1、不能重复声明2、都有块级作用域, { } 块内声明的，块外无效3、let 是变量，可以修改4、const 是常量，不能修改三、块级作用域举例原来用 var 的方式，结果弹出的都是 3 或者将变量封装到函数里，限制作用域，但比较麻烦用...
复制链接

扫一扫

专栏目录