首页 / JAVASCRIPT / javascript-对解构函数参数感到困惑

javascript-对解构函数参数感到困惑

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-对解构函数参数感到困惑，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含989字，纯文字阅读大概需要2分钟。

内容图文

在下面的示例中,whois()函数为什么可以访问displayName2和name1？

function whois({displayName: displayName2, fullName: {firstName: name1}}){
  console.log(`${displayName2} is ${name1}`)
}

let user = {
  displayName: "jdoe",
  fullName: {
      firstName: "John",
      lastName: "Doe"
  }
}
whois(user) // "jdoe is John"

对未经训练的人来说,它似乎应该可以访问displayName和fullName.firstName.相反,解构看起来像JSON.

到底发生了什么事？

解决方法:

displayName和firstName分别为assigned new names-displayName2和firstName1可以接受,要访问这些值,您需要使用别名.

由于仅将别名定义为变量,因此尝试使用旧名称访问值将引发“未定义变量”错误.

const destructure1 = ({ a: aa }) => console.log(aa);
destructure1({ a: 5 }); // gets the value

const destructure2 = ({ a: aa }) => console.log(a);
destructure2({ a: 5 }); // throw an error because a is not defined

此外,在对computed property names使用解构时,必须将其分配给新的变量名称：

const prop = 'a';

const destructure1 = ({ [prop]: aa }) => console.log(aa);
destructure1({ a: 5 }); // gets the value

内容总结

以上是互联网集市为您收集整理的javascript-对解构函数参数感到困惑全部内容，希望文章能够帮你解决javascript-对解构函数参数感到困惑所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/692949.html

来源：【匿名】