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

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: "数据" }
相关推荐
计算机学姐19 小时前
基于SpringBoot的高校社团管理系统【协同过滤推荐算法+数据可视化】
java·vue.js·spring boot·后端·mysql·信息可视化·推荐算法
Jonathan Star1 天前
沉浸式雨天海岸:用A-Frame打造WebXR互动场景
前端·javascript
工业甲酰苯胺1 天前
实现 json path 来评估函数式解析器的损耗
java·前端·json
老前端的功夫1 天前
Web应用的永生之术:PWA落地与实践深度指南
java·开发语言·前端·javascript·css·node.js
LilySesy1 天前
ABAP+WHERE字段长度不一致报错解决
java·前端·javascript·bug·sap·abap·alv
Wang's Blog1 天前
前端FAQ: Vue 3 与 Vue 2 相⽐有哪些重要的改进?
前端·javascript·vue.js
再希1 天前
React+Tailwind CSS+Shadcn UI
前端·react.js·ui
用户47949283569151 天前
JavaScript 的 NaN !== NaN 之谜:从 CPU 指令到 IEEE 754 标准的完整解密
前端·javascript
群联云防护小杜1 天前
国产化环境下 Web 应用如何满足等保 2.0?从 Nginx 配置到 AI 防护实战
运维·前端·nginx
ss2731 天前
Springboot + vue 医院管理系统
vue.js·spring boot·后端