ES6变量新特性-优快云博客

ES6新特性-变量

每天进步一点点~~~ 加油
变量：
var：
1：可以重复声明

var a = 12 a = 5 alert(a) ; //输出5

2：无法限制修改

例如:
常量PI=3.141592653

3：没有块级作用域{这就是块，是函数} 例如：循环、if（）{}

便于团队合作开发
let ：不能重复声明，变量-可以修改，块级作用域，
const ：不能重复声明，常量-不能修改，块级作用域，

块级作用域：
// var声明变量
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>块级作用域有什么用</title>
    <script>
        window.onload = function () {
            var aBtn = document.getElementsByTagName('input')
                (
                    function (i) {
                        for (var i = 0; i < aBtn.length; i++) {
                            aBtn[i].onclick = function () {
                                alert(i)
                            }
                        }
                    }
                )(i)
            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>

块级作用域：
// let声明变量
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>块级作用域有什么用</title>
    <script>
        window.onload = function () {
            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>