javascript高级-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：常量。只能在声明时赋值一次，不可以修改

解构赋值语法

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

对象解构赋值

<script>
  /*
  (1)取出对象的属性  赋值给  变量
    let {name,age,sex} = 对象名
  (2)取出变量的值    赋值给  对象的属性 
  let 对象名 = {name,age,sex}
  */
 
    // 1、取出对象的属性 赋值给  变量

    // let obj = {
    //   name:'毛毛',
    //   age:'20',
    //   sex:'男',
    // }

    // ES5
    // let name = obj.name
    // let age = obj.age
    // let sex = obj.sex
    // console.log(name,age,sex)

    // ES6解构
    // let hobby = obj.hobby
    // let{name,age,sex,hobby} = obj
    // console.log(name,age,sex,hobby)

    // 2、取出变量的值    赋值给  对象的属性 
    let name = '李四'
     let age = 30
     let sex = '女'

    //  ES5
    // let obj = {