阅读 171

ES6语法新特性

let const var 区别

  • let const 不能重复声明,不存在变量提升,有块作用域

  • let 和 var可以重新赋值,const(常量)不可以重新赋值

箭头函数

  • 箭头函数用于赋值式

  • 箭头函数的几种简写方式

//没有形参时 let fn = _ => {} //形参只有一个时 let fn = a => {} //函数体只有一行时 let fn = a => a 复制代码

  • 函数参数默认值设置

    • 在箭头函数中给形参赋的值就是参数默认值

let fn = (a = 20, b = 30) => {     return a + b } fn()//50 fn(5, 6)//11 复制代码

解构赋值

  • 对象的解构赋值

let obj = {name: 'jack', age: 18, sex: '男'} let {name, age, sex} = obj //将里面的属性依次赋值给变量name, age, sex // 解构对象给变量时,变量名要和属性名相同 复制代码

  • 数组的解构赋值

let arr = [1, 2, 3] let [a, b, c] = arr 将1,2,3赋值给啊a,b,c 复制代码

展开运算符

  • 数组的展开运算符

let arr1 = [1, 2, 3] let arr2 = [...arr, 4, 5, 6] arr2 = [1, 2, 3, 4, 5, 6] 复制代码

  • 对象的展开运算符

let obj1 = {name: 'rose', age: 18 } let obj2 = {...obj1, sex: '女'} obj2 = {name: 'rose', age: 18, sex: '女'} 复制代码

  • 字面量简写

const name = 'jack' const age = 10 let obj  = {     name,age } 复制代码

错误捕获

try {         // 可能出错的代码         // console.log('开始执行-')         // console.log(dddjd)         // 可以抛出一个异常         throw new TypeError('')     } catch (error) {// error 错误对象         // 处理错误         console.log('处理错误>>>>>>' + '代码出错');     } finally {         // 不论try-catch语句是否出错,这里的代码都会执行         console.log('不论try-catch语句是否出错,这里的代码都会执行')     }     console.log('执行结束');


作者:小熊9号
链接:https://juejin.cn/post/7018890936608358414

文章分类
后端
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐