Es6初学总结

一、变量

变量命名

1.变量名要以字母，下划线开头

2.变量名不能时系统里的关键字或保留字

3 .使用驼峰命名法

Es5定义变量 变量名的命名规则

var name ="自定义名字"

在Es6中要定义变量需要使用let关键字

let name ="自定义名字"

let的特性

1.不能够重复定义的

2.不存在变量提升

3. 存在块级作用域

4.不存在作用域链问题

常量

1.const

const 是用来声明常量的，常量是固定不变量

语法：const 常量的名称 = 值

注意：

1.常量的值 一旦定义不能被修改

2.常量的名称 一般使用大写

3.常量在定义的时候必须赋值

4.不允许重复定义的

5.块级作用域

经典案例

var arr = [];  //定义一个空数组

        for (let i = 1;i < 10; i++){

            //循环体

             arr[i] = function (){

                //将i的值返回到外边(函数)

                 return i;

            }

        }

        console .log(arr[4]());

结果：4

点击换色

绑定单击事件的标签

        var divObj = document.getElementsByClassName("item")

 解构赋值

Es6中的解构赋值   在于可以简化同时定义多个变量并赋初始值的

var num1 = 12;

var num2 = 13;

var num3 = 15;

Es5(js)中的简写方法

var num1 = 12,num2 = 13,num3 = 15；

Es6解构赋值的基础用法

let [num1,num2,num3,num4,num5] =[12,13,15,20,23]

         console.log(num1);

结果为：12

对象的解构赋值

对象的解构赋值

         a.等号左侧要使用花括号({})包裹变量名

         b. 变量名要和对象中要要解构的属性名保持一致

          c.等号右侧就是要结构的对象

运算符的复习

运算符的分类

算术运算符

                +   -   *   /   %   ++  --

            比较运算符

              > < >=  <=  !=  ==  !==   ===

赋值运算符

            =  +=  -+   *=  /=  %=

逻辑运算符  大多数情况都会用在条件里边

            &&    只有当两边的条件都为真时，整体返回true,其它情况全返回false

            ||    只有当两边的条件都为假时，整体返回false,其它情况全返回true

            !       非真 即假   非假即真

字符串拼接运算   变量和字符串拼接

                    5+5  //10

                    10+'5'//105

            三元运算符

            条件？ 条件为真的执行：条件为假的执行

            if(){}else{}

        */

       // 取余运算  %