V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 2703 days ago, the information mentioned may be changed or developed.
今天偶然发现这种写法，还是挺有意思的。
function fun({
detail: {
value
}
}) {
console.log(value)
}
fun({detail: {value: "12"}})
不是专门搞 js 的，所以不是很懂，请问这个东西叫什么名字？是个什么概念的什么存在啊？
 |
1
ByZHkc3 Dec 13, 2018
es6 解构
|
 |
2
yokyj Dec 13, 2018
解构
|
 |
3
catoncat Dec 13, 2018
还可以改名字，语法比较恶心
``` list = ({ dbs: { master: client, slave: server } }) => console.table({client, server}) list({ dbs: { master: 'A', slave: 'B' } }) ``` |
 |
4
TomVista Dec 13, 2018
等于 function(value){console.log(value)}
|
 |
5
zealot0630 Dec 13, 2018
学 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 Dec 13, 2018
十天设计出来的语言 了解一下
|
 |
7
learnshare Dec 13, 2018
这部分有些奇怪，读起来也不直观，然后每个人都有自己的写法
|
|
8
TomVista Dec 13, 2018
@ByZHkc3 @crs0910 @rizon @yokyj @zealot0630 话说我感觉 js 中很多奇奇怪怪的语法,完全是给程序员添乱啊...这个解构肯定算一个.
你们认为 es2016 es2017 中的这些东西是否违背了代码的可读性? |
 |
9
mytry Dec 13, 2018
现在还可以 console.log(1,2,) 了。。。
|
|
10
catoncat Dec 13, 2018
数组除了自己的解构方式，还可以用 Object 的解构。据说速度快一点。
 |
 |
13
tangym Dec 13, 2018
一切皆对象，es 解构
|
|
14
tangym Dec 13, 2018
推荐看这个： http://es6.ruanyifeng.com/
|
 |
15
wu67 Dec 13, 2018
很多东西只是符合语法, 但是实际上你这么写, 会被同事打死的
|
 |
16
mooncakejs Dec 13, 2018
在用 typescript 前，解构基本用来当命名参数用，怎么会被打死。
|
 |
17
geying Dec 13, 2018 via iPhone
还是没看懂，手机上这个缩进……
是不是和 swift 一个参数量有两个名字 |
 |
18
royzxq Dec 13, 2018
es6 解构，挺好用的。
|
 |
19
plqws Dec 13, 2018
解构其实有很大的作用就是可以给函数定义具名参数，滥用的话才容易出问题
|
 |
21
codehz Dec 14, 2018  1
@crs0910 #10
没错，js 的解构最坑的一点是，数组的解构是把数组当作 generator 来使用，得先构造一个迭代器，然后获取前几位的值，再干掉迭代器，因此效率上可能会有坑（{0: a, 1: b} = x; 和 [a, b] = x;相比 可能 前者更慢，当然实际情况可能会随着预热而变化，另外各种运行环境也在更新，以后 [a,b]=[b,a] 这种写法应该不会有性能坑） |
 |
22
maggielol Dec 14, 2018
挺好用的，解构还可以设置默认值，这样函数内部就不用判断 argument，少了很多 if-else...
|
 |
23
linZ Dec 14, 2018
解构，说白了就是快速从一个对象里面拿东西
|
 |
24
1010543618 Dec 14, 2018
Redux 里全是这个写法
|
 |
25
greatbody Dec 14, 2018
function fun({
detail: { value } }) { console.log(value) } fun({ detail: { value: "12" } }) 给楼主格式化下代码 |
Select Language