js 的这个语法是个什么东西？

[rizon]

今天偶然发现这种写法，还是挺有意思的。

function fun({
                 detail: {
                     value
                 }
             }) {
    console.log(value)
}
fun({detail: {value: "12"}})

不是专门搞 js 的，所以不是很懂，请问这个东西叫什么名字？是个什么概念的什么存在啊？

[codehz]

@crs0910 #10
没错，js 的解构最坑的一点是，数组的解构是把数组当作 generator 来使用，得先构造一个迭代器，然后获取前几位的值，再干掉迭代器，因此效率上可能会有坑（{0: a, 1: b} = x; 和 [a, b] = x;相比 可能 前者更慢，当然实际情况可能会随着预热而变化，另外各种运行环境也在更新，以后 [a,b]=[b,a] 这种写法应该不会有性能坑）

[maggielol]

挺好用的，解构还可以设置默认值，这样函数内部就不用判断 argument，少了很多 if-else...

[linZ]

解构，说白了就是快速从一个对象里面拿东西

[1010543618]

Redux 里全是这个写法

[greatbody]

function fun({
detail: {
value
}
}) {
console.log(value)
}
fun({ detail: { value: "12" } })
给楼主格式化下代码