ES6

时间：2019-09-28 13:24:40 阅读：69 评论：0 收藏：0 [点我收藏+]

1.ES6中申明变量

let申明变量

（1）let申明变量不可以重复申明

（2）let申明的变量有块级作用域

const 申明常量

（1）const申明变量不可以重复申明

（2）const申明的变量有块级作用域

（3）const申明的变量不可以被赋值

（4）const申明变量的时候必须赋值

2.对象的简写

（1）属性的简写如果属性名和属性值相同，就可以写成一个

let obj={
name
}

（2）方法简写省略：function

let obj={
sing(){
  console.log("对象的方法简写")
}
}

3.对象的解构赋值

let{对象的属性名：对象的属性值}=对象

就会自动申明一个变量，变量的值就是对象中对应的属性值

  let obj={
      name:‘张三‘
    }
let{name:name1}=obj
console.log(name1)

let{对象的属性名：对象的属性值}=对象

如果对象的属性名和要申明的变量同名

   let obj={
      name:‘李四‘
    }
let{name}=obj
console.log(name)

    let obj={
      name:‘李四‘,
      age:15
    }
function test({name,age}){
  console.log(name,age)
}
test(obj)

4.数组的解构赋值

（1）

let arr=[1,2,3,4]
   let[num1,num2,num3,num4]=arr;
   console.log(num1,num2,num3,num4)

 let arr=[1,2,3,4]
   let[,,,num4]=arr;
   console.log(num4)

 let arr=[[1,2],[3,4]]
   let[[num1,num2],[num3,num4]]=arr;
   console.log(num1,num2,num3,num4)

（2）...语法在数组解构赋值中叫做RestElement

 let arr=[1,2,3,4,5]
   let[num1,...num2]=arr;
   console.log(num1,num2)

5.箭头函数

（1）基本使用

let f=(参数列表)=>{

函数体

}

let say=()=>{

console.log(‘hi,箭头函数‘)

}

say()

（2）箭头函数的简写

如果箭头函数的参数只要一个，可以省略（）

 let double=a=>{
     console.log(a*2)
   }
   double(21)

如果函数的函数体只有一句代码，那么函数体的{ }可以省略

let f=()=>
     console.log(‘hi‘)
   f()

let tri=a=>console.log(a*5)
   tri(6)

如果箭头函数的函数体只有一句代码，并且这句话是返回语句，那么return和 { }都可以省略

   let sum=(a,b)=>a+b
  console.log(sum(5,8))

  let square=a=>a*a
  console.log(square(5))

原文：https://www.cnblogs.com/zhaodz/p/11602411.html

踩

(0)

评论一句话评论（0）

分享档案

更多>