当前位置：首页 > news >正文

JavaScript { message } = toRefs(obj) 中的 { message }的语法格式

news 来源：原创 2025/4/26 5:55:42

在 JavaScript 里，let { message } = toRefs(obj) 中的 { message } 运用了对象解构赋值语法。下面为你详细阐述这种语法及其与不使用解构赋值的差异。
对象解构赋值语法
对象解构赋值允许你从对象里提取属性并赋值给变量。其基本语法如下：
javascript

const obj = {property1: 'value1',property2: 'value2'
};// 使用对象解构赋值
const { property1, property2 } = obj;console.log(property1); // 输出: 'value1'
console.log(property2); // 输出: 'value2'

在 let { message } = toRefs(obj) 里，toRefs(obj) 返回一个对象，借助解构赋值，你把这个对象里名为 message 的属性提取出来，赋值给变量 message。
不使用解构赋值的情况
若不使用解构赋值，代码会变成 let message = toRefs(obj)。这样一来，变量 message 就会被赋值为 toRefs(obj) 返回的整个对象，而非对象里的 message 属性。

<template><div>message的值：{{ message }}</div><div>obj.message的值：{{ obj.message }}</div>
</template><script setup>
import { reactive, toRefs } from 'vue'
const obj = reactive({ message: '盛年不重来，一日难再晨' })let { message} = toRefs(obj)    //对象赋值setTimeout(() => {message.value = '及时当勉励，岁月不待人'
}, 2000)
</script>