let的解构赋值_面试官随手写了个解构赋值 ，然后问我这是什么语法？JavaScript中有这玩意？...

解构赋值的语法，在现如今的项目当中已经是烂大街般的存在了。其语法也很简单： 等号左边是解构目标，等号右边是解构源。从字面当中，我们也可以轻易推断出，其天生的作用便是为赋值，传参而存在的。倘若在面试的过程当中遇到与解构赋值相关的问题时，大多数人都会认为是送分题。但越是简单的问题，经历过你细细的思考之后，其背后往往总不会是表面那样简单。 在你印象当中的解构赋值可能是下面这样的：

/***** 数组模型的解构(Array)*****//** 基本 **/let [a, b, c] = [1, 2, 3];// a = 1// b = 2// c = 3/** 嵌套 **/let [a, [[b], c]] = [1, [[2], 3]];// a = 1// b = 2// c = 3/** 忽略 **/let [a, , b] = [1, 2, 3];// a = 1// b = 3/** 不完全解构 **/let [a = 1, b] = []; // a = 1, b = undefined/** 剩余运算符 **/let [a, ...b] = [1, 2, 3];// a = 1// b = [2, 3]/** 字符串 **/let [a, b, c, d, e] = 'zhang';// a = 'z'// b = 'h'// c = 'a'// d = 'n'// e = 'g'/** 解构默认值 **/let [a = 2] = [undefined]; // a = 2let [a = 3, b = a] = [];     // a = 3, b = 3let [a = 3, b = a] = [1];    // a = 1, b = 1let [a = 3, b = a] = [1, 2]; // a = 1, b = 2/***** 对象模型的解构(Object)*****//** 基本 **/let { foo, bar } = { foo: 'aaa', bar: 'bbb' };// foo = 'aaa'// bar = 'bbb' let { baz : foo } = { baz : 'ddd' };// foo = 'ddd'/** 嵌套、忽略 **/let obj = {p: ['hello', {y: 'world'}] };let {p: [x, { y }] } = obj;// x = 'hello'// y = 'world'let obj = {p: ['hello', {y: 'world'}] };let {p: [x, {  }] } = obj;// x = 'hello'/** 不完全解构  **/let obj = {p: [{y: 'world'}] };let {p: [{ y }, x ] } = obj;// x = undefined// y = 'world'/** 剩余运算符 **/let {a, b, ...rest} = {a: 10, b: 20, c: 30, d: 40};// a = 10// b = 20// rest = {c: 30, d: 40}/** 解构默认值 **/let {a = 10, b = 5} = {a: 3};// a = 3; b = 5;let {a: aa = 10, b: bb = 5} = {a: 3};// aa = 3; bb = 5;

但，长下面这副德行的你见过吗？

const userStr = "zhangsan,lisi,wangwu,zhaoliu";const { 1: a, 3: b } = userStr.split(',');// a = "lisi"// b = "zhaoliu"

没错！在JavaScript的世界中，到处都是意料之外,但又在情理之中的故事……

---

关注「张培跃」加星标，收看更多精彩