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

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: "数据" }
相关推荐
ziyue757523 分钟前
vue修改element-ui的默认的class
前端·vue.js·ui
树叶会结冰44 分钟前
HTML语义化:当网页会说话
前端·html
冰万森1 小时前
解决 React 项目初始化(npx create-react-app)速度慢的 7 个实用方案
前端·react.js·前端框架
牧羊人_myr1 小时前
Ajax 技术详解
前端
浩男孩1 小时前
🍀封装个 Button 组件,使用 vitest 来测试一下
前端
蓝银草同学1 小时前
阿里 Iconfont 项目丢失?手把手教你将已引用的 SVG 图标下载到本地
前端·icon
布列瑟农的星空1 小时前
重学React —— React事件机制 vs 浏览器事件机制
前端
程序定小飞2 小时前
基于springboot的在线商城系统设计与开发
java·数据库·vue.js·spring boot·后端
一小池勺2 小时前
CommonJS
前端·面试