javascript高级-ES6新语法

xiao奥

已于 2022-04-12 16:51:09 修改

阅读量634

点赞数 2

文章标签： javascript 前端开发语言

于 2021-12-28 20:48:43 首次发布

本文链接：https://blog.csdn.net/liangaoyun/article/details/122200747

版权

本文介绍了ES6的新特性，包括var、let和const的区别，解构赋值语法（对象、数组及函数参数解构），箭头函数的使用及其与普通函数中this的不同，展开运算符的应用，以及数据类型Set的介绍，特别是其在数组去重中的作用。

摘要由CSDN通过智能技术生成

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 = {