ECVMScript-------ES6语法规范简单了解

1.es6定义变量使用let

如果在代码块或函数里面定义let变量，只能在代码块和函数中使用

使用var一个变量可以进行多次定义

使用let不能多次定义一个变量

<script>
        {
            var a = 10;
            let b = 20;
            console.log(a);  // √
            console.log(b);  // √
        }

        console.log(a);   //  √
       // console.log(b);   //b is not defined
        

        var c = 10;  //  √ 
        var c = 20;  
        let d = 30;
        //let d = 40;   //Uncaught SyntaxError: Identifier 'd' has already been declared
        console.log(c);
        console.log(d);  

    </script>

2.使用const定义常量

---

常量一旦定义不可以改变  定义常量必须要有初始值

 

const a = 0.99;
        //a = 8;   //Assignment to constant variable.
        console.log(a);
       // const b;  //Missing initializer in const declaratio

3.解构赋值

解构赋值 //数组解构赋值
        let [x,y,z] = [1,2,3]
        console.log(x,y,z);

        //对象解构赋值
        let user = {name:'刘',age:'19'}
        let {name , age } = user
        console.log(name,age)

4.模板字符串使用反引号``  ， ${}

<script>
        let name = '刘'
        let heart = "焦"
        let string = `My name is ${name} , My sweetheart is ${heart}`
        console.log(string)
        
    </script>

5.定义对象简化写法

<script>
        let name = '焦'
        let age = 18
        let  user = {name,age}
        console.log(user)

    </script>

6.es6对象扩展运算符简单应用----------'...'

<script>
       let person = {name :"假面超人",age:19}
       let superMan = {...person}
       console.log(superMan)

       let person1 = {name:"哈哈哈",address:"china"}
       let person2 = {age:20,number:'110'}
       let person3 = {...person1,...person2}
       console.log(person3)

   </script> 

7.箭头函数

箭头函数 =>
参数体 => 函数

 

<script>
        let f1 = a => a+a
        console.log(f1(2));
        let f2 = (a,b,c) => a*b*c
        console.log(f2(1,2,3));
</script>

                                                                                 ----------------------------文章仅供本人记忆理解！