这是一个创建于 2609 天前的主题，其中的信息可能已经有所发展或是发生改变。
今天偶然发现这种写法，还是挺有意思的。
function fun({
detail: {
value
}
}) {
console.log(value)
}
fun({detail: {value: "12"}})
不是专门搞 js 的，所以不是很懂，请问这个东西叫什么名字？是个什么概念的什么存在啊？
 |
1
ByZHkc3 2018 年 12 月 13 日
es6 解构
|
 |
2
yokyj 2018 年 12 月 13 日
解构
|
 |
3
crs0910 2018 年 12 月 13 日
还可以改名字，语法比较恶心
``` list = ({ dbs: { master: client, slave: server } }) => console.table({client, server}) list({ dbs: { master: 'A', slave: 'B' } }) ``` |
 |
4
TomVista 2018 年 12 月 13 日
等于 function(value){console.log(value)}
|
 |
5
zealot0630 2018 年 12 月 13 日
学 erlang，scala 的语法，
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment const [A,B,...C] = [1,2,3] // A=1 B=2 C=[3] import {A,B,C} from 'library' const {A,B,...C} = {A:1, B:2, C:3, D:4} // A=1,B=2,C={C:3,D:4} ...的用法还在 proposal |
 |
6
chanchan 2018 年 12 月 13 日
十天设计出来的语言 了解一下
|
 |
7
learnshare 2018 年 12 月 13 日
这部分有些奇怪，读起来也不直观，然后每个人都有自己的写法
|
|
8
TomVista 2018 年 12 月 13 日
@ByZHkc3 @crs0910 @rizon @yokyj @zealot0630 话说我感觉 js 中很多奇奇怪怪的语法,完全是给程序员添乱啊...这个解构肯定算一个.
你们认为 es2016 es2017 中的这些东西是否违背了代码的可读性? |
 |
9
mytry 2018 年 12 月 13 日
现在还可以 console.log(1,2,) 了。。。
|
|
10
crs0910 2018 年 12 月 13 日
数组除了自己的解构方式，还可以用 Object 的解构。据说速度快一点。
 |
 |
13
tangym 2018 年 12 月 13 日
一切皆对象，es 解构
|
|
14
tangym 2018 年 12 月 13 日
推荐看这个： http://es6.ruanyifeng.com/
|
 |
15
wu67 2018 年 12 月 13 日
很多东西只是符合语法, 但是实际上你这么写, 会被同事打死的
|
 |
16
mooncakejs 2018 年 12 月 13 日
在用 typescript 前，解构基本用来当命名参数用，怎么会被打死。
|
 |
17
geying 2018 年 12 月 13 日 via iPhone
还是没看懂，手机上这个缩进……
是不是和 swift 一个参数量有两个名字 |
 |
18
royzxq 2018 年 12 月 13 日
es6 解构，挺好用的。
|
 |
19
plqws 2018 年 12 月 13 日
解构其实有很大的作用就是可以给函数定义具名参数，滥用的话才容易出问题
|
 |
21
codehz 2018 年 12 月 14 日  1
@crs0910 #10
没错，js 的解构最坑的一点是，数组的解构是把数组当作 generator 来使用，得先构造一个迭代器，然后获取前几位的值，再干掉迭代器，因此效率上可能会有坑（{0: a, 1: b} = x; 和 [a, b] = x;相比 可能 前者更慢，当然实际情况可能会随着预热而变化，另外各种运行环境也在更新，以后 [a,b]=[b,a] 这种写法应该不会有性能坑） |
 |
22
maggielol 2018 年 12 月 14 日
挺好用的，解构还可以设置默认值，这样函数内部就不用判断 argument，少了很多 if-else...
|
 |
23
linZ 2018 年 12 月 14 日
解构，说白了就是快速从一个对象里面拿东西
|
 |
24
1010543618 2018 年 12 月 14 日
Redux 里全是这个写法
|
 |
25
greatbody 2018 年 12 月 14 日
function fun({
detail: { value } }) { console.log(value) } fun({ detail: { value: "12" } }) 给楼主格式化下代码 |
Select Language