设置属性时避免 no-param-reassign - Javascript

在 JavaScript 中，我们经常需要设置对象的属性。但是，当我们使用 ESLint 检测 JavaScript 代码时，可能会遇到 no-param-reassign 这个规则的问题。

这个规则要求，函数的参数不能被重新赋值。这是因为重新赋值函数参数可能会导致一些问题，例如函数调用方期望传入的值没有被修改，但实际上却被修改了。

解决方案

避免 no-param-reassign 规则的一种常见方式是使用对象解构。在函数参数中使用对象解构时，不改变参数的值，而是创建一个新的变量引用来存储该参数的值。例如：

// 不推荐的方式
function process(options) {
  options.enabled = true;
}

// 推荐的方式
function process({ enabled, ...options }) {
  return {
    ...options,
    enabled: true,
  };
}

在上面的示例中，我们使用对象解构来将 enabled 参数提取出来，并将剩余的属性合并到一个新的变量 options 中。我们在函数体中创建一个新的对象，它包含原始对象的所有属性和我们需要覆盖的 enabled 属性。

结论

避免 no-param-reassign 规则可以提高代码的可维护性和可读性。尽管可能需要一些代码重构，但这是值得的。在 JavaScript 中，代码的可维护性和可读性非常重要，因为这可以帮助我们减少 Bug 并提高生产力。