函数参数属性赋值(无参数重新赋值)

2022-03-30 00:00:00 javascript eslint

我有这个函数,虽然我工作得很好,但我收到ESLint错误,说

57:5  error  Assignment to property of function parameter 'result'  no-param-reassign   
66:5  error  Assignment to property of function parameter 'result'  no-param-reassign

我不确定如何正确解析

export const fn = article => article.categoryValueDtoSet.reduce((result, item) => {
  if (item.language) {
    const language = item.language.languageValue;
    const category = item.categoryValue;
    result[language] = category;
  }
  return result;
}, { it: undefined, de: undefined, en: undefined );

我做了一些研究,似乎我需要使用Object.assign,我尝试了一下,但可能做错了。 我应该如何编写我的函数,才能解决我的问题?


解决方案

这是一个常见的ESLint问题,经常出现在旧的代码库中。您已修改作为参数传递的result变量。规则禁止此行为。

要解决此问题,请将参数复制到临时变量并对其进行处理:

export const fn = article => article.categoryValueDtoSet.reduce((res, item) => {
    const result = {...res}; // if result is object
    // const result = [...res]; // if result is array
    // Rest of your code can work without change
}
注意:对象扩散操作符是Object.assign()的糖类语法。为了简单起见,它和数组副本在这里都不深入,并且可能会引起副作用,因为您仍在访问源对象或数组的原始单个元素。我更喜欢使用深度副本。

相关文章