我不太了解有关传递参数的 javascript 语法

Question

我的代码：

const users = [ { id: 1, name: 'user1' }, { id: 2, name: 'user2' } ]

p = new Promise( resolve => resolve(users) )

p.then( (user) => console.log(user) )   

将以下日志返回给我：

[ { id: 1, 名称: 'user1' }, { id: 2, 名称: 'user2' } ]

如果我改变它如下，

users.then( ([user]) => console.log(user) ) 

我收到以下日志：

{ id: 1, name: 'user1' }

我不太明白为什么第二个只记录数组中的第一个元素。

Answer 1

这是destructuring assignment

[a, b, c] = [1, 2, 3]

console.log(a)
console.log(b)
console.log(c)

但如果你只解构一个，你会得到数组的第一个值

[a] = [1, 2, 3]

console.log(a)

至于你的例子，解构可以在很多地方完成，比如函数参数

Answer 2

Destructuring 是 ES6 又名 ECMA2015 功能。

您可以解构Array 和Objects。

---

Object 解构如下，允许您使用简单的语法从object 中获取您想要获取的keys。

const obj = {
  a: 'a',
  b: 'b',
  c: 'c',
};

// Without object destructuring
const a_ = obj.a;
const b_ = obj.b;


// With object destructuring
const {
  a,
  b,
} = obj;

console.log(a);

---

Array解构也是大同小异，只不过不是指定要获取的keys，而是使用数据的index。

const arr = [
  'a',
  'b',
  'c',
];

// Without array destructuring
const a_ = arr[0];
const c_ = arr[2];

// With array destructuring
const [
  a, , c,
] = arr;

console.log(c);

---

您可以在任何地方使用Array 和Object 解构；包括在函数参数中。在这种情况下特别好，因为您可以轻松地将default 值分配给keys，如下所示

function func({
  a,
  b,
  c = 'default',
}) {
  console.log(a, '/', b, '/', c);
}

func({
  a: 'j\'aime la france',
  b: 'vive les baguettes',
});