微信小程序——解构赋值与普通赋值

1、如果 { data: res } 出现在函数参数的 ‌位置 ‌,且函数被调用时传入的是一个对象,则它是 ‌解构赋值 ‌。这里 { data: res } 是对传入参数对象的解构,将参数对象的 data 属性值提取到变量 res

复制代码
// 场景:success 回调的参数是对象,{ data: res } 是对参数对象的解构
wx.request({
  success: ({ data: res }) => { //解构赋值
    console.log(res); // res = 响应对象中的 data 属性值
  }
});

2、如果 { data: res } 出现在函数调用时传入的 ‌实参位置 ‌,则是 ‌普通对象字面量赋值 ‌,表示将 res 的值赋给对象的 data 属性。这里 { data: res } 是普通对象字面量,表示创建一个对象,其 data 属性的值为 res 变量的值。

复制代码
// 普通赋值:创建一个对象,data 属性的值为 res 变量的值
const res = "数据";
success({ data: res }); // 传入的对象是 { data: "数据" }
相关推荐
一把年纪学编程2 分钟前
【牛马技巧】word统计每一段的字数接近“字数统计”
前端·数据库·word
llc的足迹11 分钟前
el-menu 折叠后小箭头不会消失
前端·javascript·vue.js
九月TTS41 分钟前
TTS-Web-Vue系列:移动端侧边栏与响应式布局深度优化
前端·javascript·vue.js
曾经的你d41 分钟前
【electron+vue】常见功能之——调用打开/关闭系统软键盘,解决打包后键盘无法关闭问题
vue.js·electron·计算机外设
Johnstons43 分钟前
AnaTraf:深度解析网络性能分析(NPM)
前端·网络·安全·web安全·npm·网络流量监控·网络流量分析
whatever who cares1 小时前
CSS3 伪元素(Pseudo-elements)大全
前端·css·css3
若愚67921 小时前
前端取经路——性能优化:唐僧的九道心经
前端·性能优化
积极向上的龙2 小时前
首屏优化,webpack插件用于给html中js自动添加异步加载属性
javascript·webpack·html
Bl_a_ck2 小时前
开发环境(Development Environment)
开发语言·前端·javascript·typescript·ecmascript
田本初2 小时前
使用vite重构vue-cli的vue3项目
前端·vue.js·重构