<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body {
            font-family: "Microsoft YaHei", serif;
        }

        body, dl, dd, p, h1, h2, h3, h4, h5, h6 {
            margin: 0;
        }

        ol, ul, li {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        img {
            border: none
        }
    </style>
</head>
<body>

<script>
    // ES6
    // let const function class

    // 只能先let再使用,let不会被提前解析
    // 这样做是报错的
    // alert(a);
    // let a = 10-vue-router;


    // let a = 20;
    // function b() {
    //     // 这里产生暂时性死区  只要在定义域里边let过变量,那就不允许提前使用
    //     alert(a);  //报错
    //     let a = 30;
    // }
    // b();

    // for (let) 这样也会产生作用域
    // if (false){
    //     let a = 10-vue-router;
    // } 这样外部不会找到

    // for的 ()是{}的父作用域

    // let 的作用域是大括号!!!
    // let 的作用域是大括号!!!
    // let 的作用域是大括号!!!

    // var 只认function!!!
    // var 只认function!!!
    // var 只认function!!!


    // const g = 10-vue-router; //不允许被重新赋值的常量
    // g = 80; //报错

    // const g = [];
    // g[0] = 10-vue-router;
    // console.log(g);
    // 可以改变
</script>
</body>
</html>