DEV Community
·
Angular 信号
💡
原文英文，约900词，阅读约需4分钟。
📝
内容提要
信号是值的封装，分为可写信号和只读信号。可写信号可通过set和update方法修改，而只读信号使用computed关键字创建，无法直接修改。只读信号在首次调用时计算并缓存值，依赖于其他信号的变化，具有动态依赖性。Angular中的依赖注入用于服务的使用，注入上下文在组件初始化时可用。
🎯
关键要点
- 信号是值的封装，分为可写信号和只读信号。
- 可写信号可以通过set和update方法修改。
- 只读信号使用computed关键字创建，无法直接修改。
- 只读信号在首次调用时计算并缓存值，依赖于其他信号的变化。
- Angular中的依赖注入用于服务的使用，注入上下文在组件初始化时可用。
- 可写信号的创建示例：const count = signal(0)。
- 读取可写信号的值可以通过调用变量名：count()。
- 只读信号的创建示例：const doubleCount = computed(() => count() * 2)。
- 只读信号的值在首次调用时计算并缓存，依赖于其他信号的变化。
- 信号的动态依赖性意味着当依赖的信号值变化时，会重新计算。
- Effects在相关信号值变化时运行，具有动态依赖性。
- Effects可以用于记录数据或在信号值变化时设置本地存储。
- 依赖注入的上下文在组件、指令和管道初始化时可用。
- 可以手动销毁Effects，使用.destroy()方法。
- untracked关键字可以防止信号读取被跟踪。
❓
延伸问答
Angular中的信号是什么？
信号是值的封装，分为可写信号和只读信号。
如何创建可写信号？
可写信号可以通过signal函数创建，例如：const count = signal(0)。
只读信号的特点是什么？
只读信号使用computed关键字创建，无法直接修改，且在首次调用时计算并缓存值。
Effects在Angular中有什么作用？
Effects在相关信号值变化时运行，具有动态依赖性，可以用于记录数据或设置本地存储。
什么是依赖注入上下文？
依赖注入上下文是Angular运行时上下文，用于在组件、指令和管道中使用服务。
如何手动销毁Effects？
可以使用.destroy()方法手动销毁Effects。
➡️
