Es6新语法

目录

1.变量声明

    1.1 let 声明的变量是局部变量,只在范围内有效

    1.2 const 修饰的变量不能自增

2. 解构表达式

    2.1 数组

        2.1.1 取出数组的前两位并赋值给两个变量

        2.1.2 取出数组的后两位

        2.1.3 拷贝一个数组

    2.2 对象

        2.2.1 把对象中的属性赋值变量

        2.2.2 把对象中的对象属性赋值变量

        2.2.3 拷贝一个对象

3.函数优化

    3.1 表达式

        3.1.1普通表达式

        3.1.2 对象表达式


1.变量声明

    1.1 let 声明的变量是局部变量,只在范围内有效

          比如下列代码,i 只能在循环内使用,循环内正常输出,循环外报错

         

         

    1.2 const 修饰的变量不能自增

       

     


2. 解构表达式

    2.1 数组

        2.1.1 取出数组的前两位并赋值给两个变量

            首先定义了一个数组,然后语法 修饰符 [变量..] = 数组,就会根据顺序赋值

         

        2.1.2 取出数组的后两位

            在前面空余的位置加上 , (逗号) 即可

       

        2.1.3 拷贝一个数组

            语法: 修饰符 [... 拷贝后的变量名]  = 被拷贝的变量

       

    2.2 对象

        2.2.1 把对象中的属性赋值变量

            取值用{ } , 但是括号里面的名称必须和对象里面的属性名称一致,否则会报错

           

            但如果想用其他名字就要加上 : (冒号) 别名

           

        2.2.2 把对象中的对象属性赋值变量

            语法: 修饰符 { 对象名: {对象的属性名} } = 外层的对象

           

        2.2.3 拷贝一个对象

            语法: 修饰符{... 拷贝后的名字} = 被拷贝的对象, 这个拷贝是深拷贝他们的地址不一样!

         


3.函数优化

    3.1 表达式

        3.1.1普通表达式

                这是一个原来的计算参数相加的普通方法

              

                然后新语法这样写  语法: 修饰符 方法名 = 参数 => 方法体

                其中: 由于方法体只有一条语句,所以省略了大括号

              

                现在是不省略的写法,功能都一样

              

        3.1.2 对象表达式

                在方法的参数里可以直接使用解构表达式

                

                在定义对象里面方法时可以省略 : function 

                

                将上列的方法改造

                

猜你喜欢

转载自blog.csdn.net/weixin_42195284/article/details/85063652