javascript - 具有解构对象的 ES6 默认参数作为引用第一个参数的第二个参数

Question

我正在编写一个采用两个参数的方法:第一个是包含表单的 jQuery 对象，第二个是具有默认参数的“选项”对象，其中一些在第一个参数中引用表单。

我知道默认参数可以引用它之前的默认参数的值，所以我想知道为什么我的代码会失败。

const validation = {
  validateForm(form, {
    btn: form.find('button'),
    action: null,
    displayErrInline: form.attr('validate') === 'inline',
    disableValidation: false
  }) {
    // do stuff
  }
};

有人可以解释一下这有什么问题吗？

Answer 1

我发现我做错了什么。我使用冒号为解构对象而不是赋值变量提供默认值。

以下是将默认值传递给函数参数中的解构对象的正确方法的示例:

const validation = {
  validateForm(form, {
    btn = form.find('button'),
    action = null,
    displayErrInline = form.attr('validate') === 'inline',
    disableValidation = false
  }) {
    // do stuff
  }
};

可选地，我可以指定一个空对象 (= {}) 作为第二个参数的默认值，以避免在没有传递第二个参数时出错。