es6~ 常用语法总结

• 解构：将对象或数组，变为多个变量

//1. 数组解构
let [a, b, c] = [1, 2, 3]; // 相当于 let a=1;let b=2;let c=3
let [a, ...b] = [1, 2, 3]    //相当于 let a=1;let b=[2,3];
let [a, b, c] = 'hel';    //相当于 let a=1;let b=2;let c=3，字符串本身是字符数组
 //2. 对象解构
let { a, b } = { a: 'a', b: 'b' }     // 相当于 let a='a';let b= 'b';
let {a, ...b}={a: 10, b: 20, c: 30};   //相当于 let a=10;let b={b: 20, c: 30};  

1
2
3
4
5
6
7
8

    //属性简写
    const age = 12; 
    const name = "Amy";
    const person = {age, name};//相当于  const person ={age: 12, name: "Amy"}
  
  //函数和函数对象参数简写
  let person={
      getName({a}){
         console.log(a);
      };
  }

1
2
3
4
5
6
7
8
9
10
11
12

1. 箭头函数 ： (a,b)=>{}，单变量简写 a=>{}
2. 函数参数： …args，用来代替arguments

//1. 函数参数
function a(...param){
      console.log(param);//参数数组     
}
//2.剩余变量
let [a, ...b] = [1, 2, 3]//相当于 let a=1;let b=[2,3];
let {a, ...b}={a: 10, b: 20, c: 30};  //相当于 let a=10;let b={b: 20, c: 30};

//3.解构且合并数组
let arr1 = [1, 2]; 
let arr2 = [3, 4];
let arr = [...arr1, ...arr2];//相当于let arr=[1,2,3,4]

  //4.解构且合并对象
  let age = {age: 15}; 
  let name = {name: "Amy"}; 
  let person = {...age, ...name};//相当于  let person ={age: 15, name: "Amy"}
  
  //解构传参
 let fun= function(a,b,c){}  
 let param=[1,2,3]
 fun(...param)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

//1.函数参数默认值
function f(b,c=1){
   console.log(c)
};
f(2)//结果：1
//2.解构默认值
let {a=1,b}={b:2};//a=1，b=2
let [a,b=2]=[1];//a=1，b=2
1
2
3
4
5
6
7
8

//异步函数
async function a(){
//await 必须在 async下使用
await ajax();//等待完成
await ajax2();

}
1
2
3
4
5
6
7

[1,2,[3,4]].flat(1) // 变为1维数组，结果：[1,2,3,4]]
1

arr.flatMap(func)
 arr.map(func).flat(1)
1
2

    const str = "hello world";
     // 之前
     str.replace(/o/g, "a")// "hella warld"
     // 现在
     str.replaceAll("o", "a")// "hella warld"
1
2
3
4
5

    let a=b||'1' //b=null或undefined或0时，结果为1
    let a=b??'1' //b=null或undefined时，结果为1
1
2

    let a=2;
    a??=1 //a=null或undefined，结果为1
    console.log(a)//结果为2
1
2
3

   let a;
   let d=a?.b //a=null或undefined时不会报错，a.b返回undefined
1
2