es6结构赋值为null赋默认值

转载

mob64ca1412b28c 2024-10-29 14:40:34

文章标签 es6结构赋值为null赋默认值赋值默认值数组 文章分类 架构后端开发

数组的解构赋值

一、基本用法
1、完全解构：等号两边的模式相同，左边的变量就会被赋予对应的值。
2、不完全解构：等号左边的模式，只匹配一部分的等号右边的数组，解构依然可以成功
3、解构不成功：等号左边变量的值为undefined
二、默认值
1、数组成员严格等于undefined，默认值生效。
2、数组成员为null，默认值不生效。
3、默认值是表达式，此表达式是惰性求值，只有在用的时候才会求值。
4、默认值可以引用解构赋值的其他变量，前提是此变量必须已经声明。

对象的解构赋值

一、基本用法
1、对象的解构赋值，先找到同名属性，再赋值给对应的变量。示例代码如下：

let { foo: foo, bar: bar } = { foo: "aaa", bar: "bbb" };//可简写为 let { foo, bar } = { foo: "aaa", bar: "bbb" };
let { foo: foo1, bar: bar1 } = { foo: "aaa", bar: "bbb" };//foo,bar属性值分别赋值给变量foo1和bar1

2、如果解构简写，变量就必须与属性同名，才可取到正确的值。
3、模式不会被赋值，切记模式匹配标识 " : " ，示例代码如下：

let obj = {
  p: [
    'Hello',
    { y: 'World' }
  ]
};
let { p: [x, { y }] } = obj;

如上代码中，p是模式匹配（匹配等号右边对应属性），不会被赋值，x和y才是变量。
4、解构不成功：等号左边变量的值为undefined
二、默认值
1、对象属性值严格等于undefined，默认值生效。
2、对象属性值为null，默认值不生效。
3、如果解构模式是嵌套的对象，而且子对象所在的父属性不存在，那么将会报错。
4、解构赋值等号左边的模式之中没有变量声明关键字时，需要将整个赋值表达式放置到圆括号里。可以避免javascript将其解释为代码块。
5、对象解构赋值可以将现有对象的方法，赋值到某个变量。
6、数组是特殊对象，可以对数组进行对象属性的解构。