如果 js 中缺少 prop，map.getIn 会给出整个数据 - Javascript

在Javascript开发过程中，prop是非常重要的一个概念，prop是指在React组件中传递给子组件的属性。如果一个组件没有接收某个prop，当访问这个prop时，会得到一个undefined。然而，如果你不小心在map.getIn()函数中缺少prop，则会导致获取整个数据结构，这可能会导致数据泄漏或安全问题。

什么是map.getIn()函数？

map.getIn()是一个用于获取嵌套结构中的数据的Immutable.js 函数。这个函数能够获取指定键路径上的值，并且在键路径不存在或值为undefined时能够返回默认值。它的语法如下：

map.getIn(keyPath: Array<any> | Iterable<any>, notSetValue?: any): any

如果缺少prop，map.getIn会给出什么？

在map.getIn函数中，如果缺少一个prop，它会直接返回整个数据结构。这种情况下会导致数据泄漏或安全问题，因为这可以让攻击者访问非预期的数据。

例如，假设我们有一个用户对象，包含用户名和电子邮件地址。

const user = {
  name: 'John Doe',
  email: 'johndoe@example.com'
}

我们可以使用Immutable.js将它转换为一个不可变对象。

const immutableUser = Immutable.fromJS(user)

现在，我们希望使用map.getIn获取用户的电子邮件地址。我们可以这样做：

const email = immutableUser.getIn(['email'])

但是，如果我们不小心缺少了prop 'email'，那么map.getIn将返回整个用户对象。

// 注意，此处缺少 'email' prop
const email = immutableUser.getIn(['wrongProp'])

这样就会泄漏用户的全部信息，包括用户名和电子邮件地址，这是我们不期望的。

如何避免缺少prop？

避免错误的方法很简单，只需确保你传递给map.getIn完整的键路径。从上面的例子中可以看出，在我们的访问中，只要在键路径中包含'email'，就可以获取用户的电子邮件地址。

为了避免缺少prop，我们可以使用引用，这样我们就能避免硬编码键路径，并能避免手动输入proplist。比如，我们可以用如下方式使用map.getIn获取对象的电子邮件地址:

const emailKey = 'email'
const email = immutableUser.getIn([emailKey])

这样可以避免硬编码键路径，并使代码更加清晰易懂。

结论

在使用map.getIn()函数时，一定要记住传递完整的键路径。 如果不小心缺少prop，则会返回整个数据结构，这可能会导致数据泄漏或安全问题。 在编写代码时使用引用也可以帮助我们避免手动输入的prop列表，提高代码的可读性。