JavaScript 函数返回多个值作为 ES6 中的对象

Question

function function_name()
{
    var a=1;
    var b=2;

    return {a, b} 
}

let {p1, q1} = function_name()

为什么我收到有关 p1、q1 的值为 undefined 的错误消息？然而，下面的代码给出了预期的结果:

 var o = {p: 42, q: true};
 var {p, q} = o;

 console.log(p); // 42
 console.log(q); // true

谁能解释一下这两个代码示例之间的区别？

Answer 1

您正在获得所需的输出，因为 function_name() 正在返回一个对象，该对象具有两个具有某些值的变量 a 和 b。

function function_name()
{
    var a=1;var b=2;
    return {a,b} 
}

这里return {a, b}等价于return {a: a, b: b}等价于return {a: 1, b : 2}

要获得准确的值，您需要将调用方法签名更新为:

let {a, b} = function_name()

注意:使用 a 或 b 作为变量名不是一个好习惯。您应该使用有效的名称。