!.和??的区别

转载于 2024-10-12 16:01:22 发布 · 110 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.cn/post/7373573927212089379

文章标签：

#vue #typescript

!.和??的区别

let user: User | null = getUser(); 
console.log(user!.name);
// 告诉TypeScript user在此处肯定有值，直接访问name
// -   **注意**: 这仅影响编译时的类型检查，不会改变运行时行为。如果表达式在运行时真的是 `null` 或 `undefined`，访问属性仍然会抛出错误。

let username = null; const defaultUsername = 'Guest'; 
console.log(username ?? defaultUsername); // 输出: Guest
//简而言之，`!.` 主要用于类型系统层面的断言，确保代码可以编译通过，而 `??` 是一种值的合并运算，用于在运行时处理可能的 `null` 或 `undefined` 值，提供一个替代的默认值。