代码之家 › 专栏 › 技术社区 › GladstoneKeep

函数参数对象分解会导致未定义的变量

destructuring ecmascript-6 javascript

GladstoneKeep · 技术社区 · 7 年前

function foo ({ a: { b }}) {
  // stuff
}

假设我想解构 并访问两者 a 和 b 遗憾的是不

function foo ({ a: { b }}) {
  return [a, b]
}
foo({ a: { b: 123 }})
// ReferenceError: a is not defined!

这是节点中的错误还是ES6的预期行为?不应该两者都有吗 一 是否在函数中定义?如果不是,为什么分解会产生取消定义基本属性名称的效果( )?

使用参数分解 两者兼得和 b 在函数中定义?我明确地试图避免手动破坏它们。

1 回复 | 直到 7 年前

Yury Tarabanko 7 年前

这是节点中的错误还是ES6的预期行为?

这是预期行为。因为 {a: {b}} 无法绑定 a 作为一个名称,它只是表示您想要访问 一 已分解对象的属性。

您可以使用以下内容。

function foo ({ a, a: {b} }) {
  return [a, b]
}
console.log(foo({ a: { b: 123 }}))

推荐文章

Udders · 使用另一个数组中的值按索引从数组中删除

2 年前

Matt · 获取数组长度并推入每个对象

2 年前

Rahmouni Rabii · 尝试访问数组中的对象时未定义

3 年前

Brian Patterson · Javascript自定义数组。原型方法日志“未定义”

3 年前

dapidmini · 未捕获的承诺嵌套异步函数承诺错误处理

3 年前

Arka Bhattacharjee · 如何在JavaScript中反转大写的字符串?[重复]

3 年前

Zeeps Wear · 如何按键对对象进行分组?

3 年前

Kevin Giraldo · 如何更改字符串或数字在JavaScript中转换类的方式?

3 年前

Rachel · 如何按ID从JSON对象数组中删除数组元素

3 年前

minsu123 · 如何解析react中的单个引用?

3 年前