ES6学习笔记03——对象赋值

1. 解构赋值

  let obj={
      n1:"p1",
      n2:"p2"
  };
  //变量名==属性名
  let {n1,n2}=obj;
  console.log(n1, n2);//p1 p2

  //变量名!=属性名
  let {n1:x1, n2:x2} = obj;
  console.log(x1, x2); //p1 p2

1. 对象数组嵌套

    let obj={a1:[1,2,3],a2:"123"};
    //x=obj.a1[0];
    //y=obj.a1[2];
    let {a1:[x,y],a2}=obj;
    console.log(x, y);

    let obj={s:{n:'1'},n:[1,"2",3,"4"],m:[[1]]};
    let {m:[x1],s:{n},n:[,...m2]}=obj;
    console.log(x1, n, m2); //[1] "1" ["2", 3, "4"]

1. 默认值

    //默认值生效的条件是对象的属性值必须是严格等于undefined
    let {x=1,y}={y:2}
    console.log(x);//1

    let {m:n=4}={m:12};
    console.log(n);//12

     let {m:n=4}={m:null};
    console.log(n);//null 

    //如果结构模式中嵌套的是对象，而且子对象所在的父属性不存在，就会报错
    let {f:{b}}={b:"bb"};
    console.log(b);//Uncaught TypeError: Cannot destructure property `b` of 'undefined' or 'null'.

1. 附的值不是一个对象是其他数据类型的值，会默认将其他数据类型转为对象

    let {x, y, __proto__} = 1;
    console.log(x, y, __proto__);
    console.log(Object(1));
    console.log(Object([1, 2, 3]));
    let {length} = [1, 2, 3]
    console.log(length);//3

1. 为了避免错误，不要将{}写在行首，会被理解为代码块

   let a;
   {a}={a:'a'};//js引擎会将{a}理解成一个代码块

   let a;
   ({a}={a:'a'});
   console.log(a); //a

1. null 和 undefined 无法转为对象，所以对象结果赋值为一个null和undefined会报错

   let {p:xx}=undefined; //Uncaught TypeError: Cannot destructure property `p` of 'undefined' or 'null'.