ES6字符串,数值,布尔值的结构赋值

ES6字符串,数值,布尔值的结构赋值

1.字符串的结构赋值

字符串也可以解构赋值,因为此时字符串被转换为一个类似数组的对象

const [a, b, c, d, e] = 'hello';
// a = "h"
// b = "e"
// c = "l"
// d = "l"
// e = "o"

类似数组的对象都有一个length属性,因此还可以对这个属性进行解构赋值

let { length: len } = "hello";
// len: 5

2.数值和布尔值的解构赋值

结构赋值时,如果等号右边是数值和布尔值,则会先转为对象

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

let { toString: s} = true;
s === Boolean.prototype.toString // true
// 数值和布尔值得包装对象都有toString属性,因此变量s都能取到值

注意: 解构赋值的规则是,只要等号右边的值不是对象或数组,就先将其转换为对象,由于undefined和null无法转为对象,所以解构赋值时会报错

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