ES6里的let 和 const 和解构赋值

ES6中新增了let和const来声明的方法,主要是解决var声明变量所造成的困扰和问题

let

        let用来声明变量,它的用法类似于var 它声明的变量只能在自身所处的块里起到作用因为它是一个块级

ES6里的let 和 const 和解构赋值_第1张图片

let 变量死区

                只要块级作用域中存在let 它所声明的变量只能在这个块里使用不受外界影响,而且只能先声明在输出

ES6里的let 和 const 和解构赋值_第2张图片

let 变量不能重复定义

​​​​​​        因为let是块级作用域所以它只能定义一个不能重复定义,不然会报错ES6里的let 和 const 和解构赋值_第3张图片

let在for里面的作用域

        let在for()里是父级,在{}里面是子级ES6里的let 和 const 和解构赋值_第4张图片

 const常量

   用它声明的变量是不能改变的,如若改变则会报错ES6里的let 和 const 和解构赋值_第5张图片

变量的解构赋值

1、数组的解构赋值

属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值

ES6里的let 和 const 和解构赋值_第6张图片 

2、对象的解构赋值

ES6里的let 和 const 和解构赋值_第7张图片

3、字符串的解构赋值

ES6里的let 和 const 和解构赋值_第8张图片5、函数参数的解构赋值 

ES6里的let 和 const 和解构赋值_第9张图片

 

你可能感兴趣的:(es6,前端,javascript)