Vue3 响应式工具函数isRef()、unref()、isReactive()、isReadonly()、isProxy()

最新推荐文章于 2025-04-26 09:05:24 发布

fishmemory7sec

最新推荐文章于 2025-04-26 09:05:24 发布

阅读量1k

点赞数 7

分类专栏： vue3 文章标签： vue.js

本文链接：https://blog.csdn.net/fishmemory7sec/article/details/141958569

版权

`isRef()`

isRef()：检查某个值是否为 ref。

isRef函数接收一个参数，即要判断的值。如果该参数是由ref创建的响应式对象，则返回true；否则，返回false。

import {
    ref, isRef } from 'vue'
const normalValue = '这是一个普通值'
const refValue = ref('这是一个 ref 创建的响应式值')
console.log(isRef(normalValue))  // false
console.log(isRef(refValue))     // true

`isRef()` 可以作为类型守卫

isRef()的返回值一个类型判定，因此 isRef() 可以被用作类型守卫。

类型判定（type predicate）的概念
在 TypeScript 中，类型判定是一种特殊类型的函数，它用于在运行时确定一个值的类型。类型判定函数的返回值是一个类型谓词，它的形式为参数名 is 类型。当类型判定函数返回true时，TypeScript 编译器会将参数的类型缩小为指定的类型。