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