javascript - 导致eslint no-shadow错误的解构参数

Question

我的理解是这样的解构将从传入的参数对象中挑选属性:

const last = "Smith" // unrelated const

const full = function({ first, last }) {
  return [first, last].filter(v => v).join(" ")
}

full({last: "Doe"}) // "Doe"
full({}) // ""

这似乎对导入同​​样有效。

import last from "last"; // unrelated import

export function full({ first, last }) {
  return [first, last].filter(v => v).join(" ")
}

full({last: "Doe"}) // "Doe"
full({}) // ""

为什么这会导致 no-shadow错误？

error 'last' is already declared in the upper scope no-shadow

是否存在full 可以访问外部引用的情况？无权利？如何在不重命名不相关的外部 last 引用的情况下使语法接近于此？

Answer 1

它导致 eslint 错误，因为 last 在导入和函数中声明为参数。所以在函数内部，参数 last 隐藏了导入 last。您只需更改函数内参数的名称或关闭 eslint。

import last from "last"; // unrelated import

export function full({ first, last: lst }) {
  return [first, lst].filter(v => v).join(" ")
}

full({last: "Doe"}) // "Doe"
full({}) // ""

……或者……

import last from "last"; // unrelated import

export function full({ first, last }) { // eslint-disable-line no-shadow
  return [first, last].filter(v => v).join(" ")
}

full({last: "Doe"}) // "Doe"
full({}) // ""