解构数组参数

Question

我正在学习解构并快速查询如何引用数组的元素。

我正在使用以下方法在函数参数中的对象内解构嵌套数组：

function ajaxOptions({

    url,

    headers: [ 

        header0 ="Content-Type: text/plain",

        ...otherHeaders

    ] = [],

    data

} = {}) { 

    //... function body

}

这是给第一个元素一个默认值，header0并传播其他数组元素。

但是如果我有一个设置对象：

var settings = {

    url: 'http://someothersite.com', 

    data: 50, 

    callback: sayHello, 

    headers: [,  'Header2', 'Header3'] 

}

并将它传递给ajaxOptions(settings)我不能header0在设置对象中使用来引用在 ajaxOptions 中解构的数组元素可以吗？换句话说，我不能将它用作像“url”、“数据”和“回调”这样的命名参数吗？

希望这是有道理的。如果有帮助，这是完整的代码：

function ajaxOptions({

    url: url = "http://www.example.com",

    method: method = "post",

    headers: [ 

        header0 ="Content-Type: text/plain",

        ...otherHeaders

    ] = [],

    data: data,

    callback: callback 

} = {}) {

    return { url, method, headers: [header0, ...otherHeaders], data, callback};

}

function sayHello(){

    console.log('hello');

}

var defaults = ajaxOptions();

var settings = {

    url: 'http://someothersite.com', 

    data: 50, 

    callback: sayHello, 

    headers: [, header0 = 'New Header', 'Header2', 'Header3'] 

}

console.log(ajaxOptions(settings));

谢谢

Answer 1

header0在你的参数列表中是一个参数，一个局部变量，就像a是一个参数：function test(a) { }就像您不能a在该函数之外按名称引用一样，您test也不能用您的代码和header0. 因此，如果您使用 调用您的函数 header0 =，您实际上是在定义一个全局变量header0并在现场为其分配一个值。在严格模式下会产生错误。它与参数无关header0。该参数header0将从您作为headers属性值传递的数组的第一个元素中获取其值。如果您作为参数传递的对象没有该headers属性，或者该属性没有定义不同于 的第一个数组元素undefined，则局部headers0变量将获得默认值。不要将此变量与后跟冒号的属性名称混淆，后者也出现在您的参数部分：headers:. 这不是一个变量，而只是定义了变量的位置，headers0并且otherHeaders在调用函数时应该获取它们的值。但headers它本身并不是一个变量。url另一方面是一个变量。它从具有相同名称的属性中获取其值。注意没有冒号。这使它成为一个变量（参数）。解构中使用的语法可能非常混乱。例如，如果不是url,you would have url: url2，那么不是定义 variable url，而是定义 variable url2——仍然是url属性在传递给函数的对象中的值。

Answer 2

我认为您应该尝试使用对象来解决您的问题以引用数组索引。但是，如果您真正想要的是拥有一个返回函数中第一个值的数组，您可以尝试按如下方式排列数组。const defaulHeader = ["Content-Type: text/plain"]const otherHeaders = ["Some-type: application/json"] const headers = [         ...defaulHeader,        ...otherHeaders    ]console.log(headers)