字符串、数值、布尔值以及函数参数的解构赋值

一、字符串的解构赋值

1.用数组的形式给字符串解构赋值：使用下标对应的方式

        let [x1, x2, x3] = "str";
        console.log(x1, x2, x3);// s t r

2.用对象的方式对字符串解构赋值：将对象的属性名写为下标，或者使用字符串的属性（length）

        let { 0: y1 } = "str";//属性名为0
        console.log(y1);//s

        let { length } = "str"//使用了字符串的属性匹配
        console.log(length);//3

二、数值的解构赋值

数值解构赋值时,会先将数字转换为对象, 但是数字转对象是转成空对象（左边是对象匹配模式）

let {toString: s} = 123;
s === Number.prototype.toString // true

        let { z } = 1;//数值解构赋值时,会先将数字转换为对象, 但是数字转对象是转成空对象
        console.log(z)

三、布尔值的解构赋值

如果等号右边是布尔值，则会先转为对象（左边是对象匹配模式）

        //    let[z2]=true   //报错  iterable
        let { z1 } = true;
        // console.log(z2);
        console.log(z1);//undefined

补充：

解构赋值的规则是，只要等号右边的值不是对象或数组，就先将其转为对象。由于undefined和null无法转为对象，所以对它们进行解构赋值，都会报错。

let { prop: x } = undefined; // TypeError
let { prop: y } = null; // TypeError

四、函数参数的解构赋值

function add([x, y]){
  return x + y;
}
add([1, 2]); // 3

上面代码中，函数add的参数表面上是一个数组，但在传入参数的那一刻，数组参数就被解构成变量x和y。对于函数内部的代码来说，它们能感受到的参数就是x和y。

函数参数的解构也可以使用默认值：

函数move的参数是一个对象，通过对这个对象进行解构，得到变量x和y的值。如果解构失败，x和y等于默认值：（不论传参与否，没有被找到的变量的默认值都会被赋值为0）

function move({x = 0, y = 0} = {}) {
  return [x, y];
}
move({x: 3, y: 8}); // [3, 8]
move({x: 3}); // [3, 0]
move({}); // [0, 0]
move(); // [0, 0]

注意区分以上代码与下面代码的区别：

以下代码书写的方式，只有当没有传入参数时才会触发默认值。当传入了参数对象，但是没有再对象中找到对应变量时，参数值会变成undefined表示没找到

function move({x, y} = { x: 0, y: 0 }) {
  return [x, y];
}
move({x: 3, y: 8}); // [3, 8]
move({x: 3}); // [3, undefined]
move({}); // [undefined, undefined]
move(); // [0, 0]

上面代码是为函数move的参数指定默认值，而不是为变量x和y指定默认值，所以会得到与前一种写法不同的结果。undefined就会触发函数参数的默认值。