1.变量与常量

let count=0 //这是变量，使用let定义
const key=”这是个常量，不可更改” //有人喜欢用大写字母来定义常量名称

2.模板字符串

const str1=’abc’
const str2=abc${str1} 这里可以换行

3.解构赋值

解构赋值适合数组或对象这两种类似

例：数组解构

const arr = [1,2,3] 
console.log(arr[0],arr[1],arr[2])
//如果经常操作数组内部元素，可以使用下面解构方式
const [a,b,c] = [1,2,3]
console.log(a,b,c)

例：对象解构

const obj = {username:'张三',age:19,gender:'male',category:'user'}
console.log(obj.username,obj.age)

const {username,age:useAge,【...other】 }= {username:'张三',age:19,gender:'male',category:'user'}
console.log(username,useAge,other)
//打印的结果：张三  19  {gender:'male',category:'user'}

注：

1. 这里 age在解构中使用了别名 useAge
2. “…”这里使用三个点来获取剩余的属性都放在该名称内，注意这个只能放在解构的最后一个位置

4.数组和对象的扩展

... 这三个点如果在等于号前面表示解构赋值。如果在等于号后面代表一个普通的扩展运算符，之的作用是将元素的所有键给展开，并填充到当前位置

const arr1 = [1,2,3]
const arr2 = [4,5,6]
const arr3 = [...arr1,...arr2,10,20]
console.log(arr3) 

let obj1= {a:1}
let obj2= {b:2}
let obj3={
    name:'吴悠'
    ...obj1,
    ...obj2
}
console.log(obj3)

5.箭头函数

const getSum1 = n =>n+3
const getSum2 = (n1,n2)=>n1+n2
const getSum3 = (n1,n2,...other)=>console.log(n1,n2,other)
console.log(getSum3(10,20,100,200,300))

//更复杂的函数
const getResult = arr=>{
    let sum=0
    arr.forEach(item=>sum+=item)
    return sum
}
getResult([1,2,3,4,5])