javascript高级第4天-ES6新语法

目录

ES6新语法

var、let与const

let和const区别：

解构赋值语法

对象解构赋值

数组解构赋值

函数参数解构

箭头函数

this指向

展开运算符

数据类型Set

---

ES6新语法

var、let与const

（ES5）var特点：

(1) var的预解析会使变量声明提升  可以先调用在声明  （先上车后补票）

(2)没有块级作用域,if和for大括号里面声明的变量是全局的

（ES6）let 与const：

(1)没有预解析：变量必须要先声明，才能使用   (先买票再上车)

(2)没有作用域：if和for大括号里面的变量是局部的

let和const区别：

 let :变量。可以修改变量中的数据

const：常量。只能在声明时赋值一次，不可以修改

解构赋值语法

 解构赋值 ： 变量赋值简写语法

对象解构赋值

数组解构赋值

函数参数解构

箭头函数

 1、 箭头函数语法：  就是function简写

          （1）function变成 箭头符号 =>   (2)形参小括号写到箭头 => 左边

 2、箭头函数其他用法：

          2.1 如果只有一个形参，则可以省略形参的小括号

             a=>{return a*2}

          2.2 如果函数体只有一行，则可以省略大括号。此时必须要省略return

            a=>a*2

this指向

function函数this指向有三种情况  而箭头函数没有this， 箭头函数中使用this,会访问上级作用域的的this。     原因(作用域链):箭头函数没有this,就会往上级作用域找

展开运算符

 展开运算符:   ...

作用:相当于遍历对象简写

 应用场景:

    1 连接数组(上拉加载下一页)  :arr.push(...arr2)

    2 求数组最大值  : Math.max(...arr2)

数据类型Set

 1、数据类型Set(集合)  ；类似于数组，与数组唯一的 区别是 不能存储重复元素

  2、应用：数组去重