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

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: "数据" }
相关推荐
alamhubb几秒前
vue也支持声明式UI了,向移动端kotlin,swift看齐,抛弃html,pug升级版,进来看看新语法吧
前端·javascript·前端框架
毕设源码-邱学长1 分钟前
【开题答辩全过程】以 基于web的心理测评系统的设计与实现为例,包含答辩的问题和答案
前端
北辰alk2 分钟前
从零构建Vue项目的完全指南:手把手打造现代化前端工程
vue.js
Composure3 分钟前
在 UmiJS + Vue 3 项目中实现 WebP 图片自动转换和优化
前端·javascript
我是苹果,不是香蕉6 分钟前
【python调用edge driver报错】
前端·edge
Neptune112 分钟前
js入门指南之Promise:从''承诺''到理解,告别回调地域
前端·javascript
YaeZed17 分钟前
Vue3-watchEffect
前端·vue.js
boombb18 分钟前
H5 图片路径不统一,导致线上部分图片无法按预期展示(assetPrefix 与 basePath 行为不一致)
前端
栀秋66619 分钟前
深入浅出AI流式输出:从原理到Vue实战实现
前端·vue.js·前端框架
柳成荫19 分钟前
Chromium 渲染机制
前端