JS-ECMA6语法定义

ECMA6语法定义

变量和常量

let 声明的变量只在 let 命令所在的代码块内有效。

let 是在代码块内有效，var 是在全局范围内有效

<script>
        function dd() {
            alert("dd:" + abc);  //undefined
            var abc = "other";  //就近原则，dd方法中识别的abc不能全局声明的abc，而是方法中的abc
            alert("dd:---" + abc);  //dd:--other
        }
        dd();
    </script>

<script>
        for (var k = 0; k < 10; k++)
            ;
        alert(k);     //10
        for (let k1 = 0; k1 < 10; k1++)
            ;
        //报错并不会中断执行
        alert(k1);  //没有输出,如果变量没有声明和定义时不做任何输出。只是在控制台上看到报错Uncaught ReferenceError: k1 is not defined
    </script>

let 只能声明一次 var 可以声明多次

<script>
       var k1 = 123;
       var k1 = "abcd";
       alert(k1);
       //let只能声明一次，并不是声明后不能修改类型
       let k2 = 123;
       //let k2="abcd"; //Uncaught SyntaxError: Identifier 'k2' has already been declared
       alert(k2);
   </script>

let不存在变量提升，var会变量提升

<script>
        //document.write(kk);  //ECMA6语法定义.html:41 Uncaught ReferenceError: Cannot access 'kk' before initialization
        let kk = 123; //类似于java中的临时变量，要求先定义后使用。注意只是可以这样理解       
    </script>
    <script>
        document.write(ss);  //undefined
        var ss = 999;  //类似于java中的属性，没有要求先后顺序。注意只是可以这样理解
    </script>

常量

const 声明一个只读的常量，一旦声明，常量的值就不能改变

const 声明一个只读变量，声明之后不允许改变。意味着，一旦声明必须初始化，否则会报错

<script>
        const kk9 = 123;
        kk9 += 1;  //常量一般完成初始化则不允许修改
</script>

<script>
        //暂时性死区
        var PI = "a";
        if (true) {
            console.log(PI);  // ReferenceError: PI is not defined
            const PI = "3.1415926";
        }
    </script>

ES6 明确规定，代码块内如果存在 let 或者 const，代码块会对这些命令声明的变量从块的开始就形成一个封闭作用域。代码块内，在声明变量 PI 之前使用它会报错。