什么是分解分配及其用途？

Question

我一直在阅读ES6中介绍的解构任务。

这个语法的目的是什么，为什么引入它，以及在实践中如何使用它的一些示例是什么？

Answer 1

Javascript的非结构化赋值可能是从Perl语言中得到的灵感。

这通过避免编写getter方法或包装函数来促进重用。

我发现一个非常有用的最佳示例是重用返回比所需更多数据的函数。

如果有一个函数返回列表、数组或json，并且我们只对列表、数组或json的第一项感兴趣，那么我们可以简单地使用非结构化赋值，而不是编写新的包装函数来提取感兴趣的数据项。

Answer 2

它就像你所拥有的可以用相同的变量名提取

析构赋值是一个JavaScript表达式，可以将数组中的值或对象中的属性解压缩为不同的变量。让我们使用析构赋值从数组中获取月份值

var [one, two, three] = ['orange', 'mango', 'banana'];

console.log(one); // "orange"
console.log(two); // "mango"
console.log(three); // "banana"

您可以使用解构赋值获得对象的用户属性，

var {name, age} = {name: 'John', age: 32};

console.log(name); // John
console.log(age); // 32

Answer 3

什么是破坏赋值？

destructuring assignment语法是一个JavaScript表达式，它可以将数组中的值或对象中的属性解压缩到不同的变量中。

-MDN

优势

A.使代码简洁易读。

B.我们可以很容易地避免重复破坏表达式。

一些用例

1.要从对象获取变量中的值，请单击数组

let obj = { 'a': 1,'b': {'b1': '1.1'}}
let {a,b,b:{b1}} = obj
console.log('a--> ' + a, '\nb--> ', b, '\nb1---> ', b1)

let obj2 = { foo: 'foo' };
let { foo: newVarName } = obj2;
console.log(newVarName);

let arr = [1, 2, 3, 4, 5]
let [first, second, ...rest] = arr
console.log(first, '\n', second, '\n', rest)


// Nested extraction is possible too:
let obj3 = { foo: { bar: 'bar' } };
let { foo: { bar } } = obj3;
console.log(bar);