JavaScript解构赋值与解构赋值取别名（容易混淆）

最新推荐文章于 2024-02-21 00:13:35 发布

幼儿园园长~

最新推荐文章于 2024-02-21 00:13:35 发布

阅读量1.1k

点赞数

分类专栏： JavaScript 文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/weixin_40981660/article/details/121827162

版权

30 篇文章 5 订阅

订阅专栏

本文详细解析了JavaScript中的解构赋值语法，通过示例区分了在解构赋值时是否使用括号的区别。当不使用括号时，data被视为response的别名；而使用括号时，则是对response内的data属性进行解构，直接获取到其值。这种技巧在处理复杂对象和数组时非常有用，能提高代码的可读性和简洁性。

摘要由CSDN通过智能技术生成

data没有加括号表示给response取别名

test = {
  response: {
    data: 3
  }
}
const { response:  data  } = test
console.log( data ) // { data: 3 }

data加了括号表示给response继续解构赋值

test = {
  response: {
    data: 3
  }
}
const { response:  { data }  } = test
console.log( data ) // 3

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注