当前位置：首页 > 科技 > 软件

TC39全新提案【Signals】V0草案已公布，状态管理将迎来全新革命？

来源：责编：时间：2024-06-25 17:17:56 87观看

导读Hello，大家好，我是 Sunday。今天咱们来看 TC39 的新提案 Signals 信号。该提案主要应用在状态管理相关的场景下，可以结合目前状态管理工具（Vuex、Pinia、Redux、MobX 或者是单纯的 ref（Vue3 中声明响应式数据的方案）等）实

Hello，大家好，我是 Sunday。

今天咱们来看 TC39 的新提案 Signals 信号。该提案主要应用在状态管理相关的场景下，可以结合目前状态管理工具（Vuex、Pinia、Redux、MobX 或者是单纯的 ref（Vue3 中声明响应式数据的方案）等）实现全新的解决方案。

目前犹大也在 vue 官网中提供了 Connection to Signals（与信号 (signal) 的联系）的概念，并提到 Signal 的重要性

那么下面咱们就来看看这个 Signal 到底是个什么东西。

什么是 TC39 以及标准提案流程

想要了解 Signal 咱们先来看看 TC39 提案！

TC39 提案是指由ECMAScript（JavaScript的标准）技术委员会TC39（Technical Committee 39）提出的标准改进建议。TC39负责JavaScript语言的演进和标准化工作。一个提案从最初的想法到最终成为标准，需要经过多个阶段的审核和修改。以下是提案的各个阶段：

Strawman（稻草人阶段）：这个阶段是一个初步的想法，可能没有具体的实现细节，目的是引发讨论和反馈。
Proposal（提案阶段）：在这个阶段，提案需要有一个详细的规范描述，并且至少有一个实现。提案会在TC39会议上讨论，若获得足够支持，则进入下一阶段。
Draft（草案阶段）：在这个阶段，提案已经有了详细的规范文档，并且需要有至少两个不同的实现。提案在这个阶段需要进行更广泛的测试和反馈。
Candidate（候选阶段）：提案在这个阶段被认为是稳定的，并且所有可能的改进建议已经纳入。规范文档在这个阶段已经基本定型，剩下的工作主要是验证和确保没有遗漏的错误。
Finished（完成阶段）：提案在这个阶段成为ECMAScript标准的一部分，将被正式发布。此时，提案的内容已经被完全采纳和记录。

为什么需要 Signals（信号）

要开发复杂的用户界面 (UI)，JavaScript 应用程序开发人员需要以高效的方式存储、计算、使状态失效、同步并将状态推送到应用程序的视图层。UI 通常不仅仅涉及管理简单的值，还经常涉及渲染计算状态，而计算状态依赖于其他值或状态的复杂树，而这些值或状态本身也是计算出来的。

Signals 的目标是提供用于管理此类应用程序状态的基础设施，以便开发人员可以专注于业务逻辑，而不是这些重复的细节。

咱们来看一个例子（基于 preact）：

import { signal } from "@preact/signals";const count = signal(0);// 通过访问.Value读取信号的值：console.log(count.value);   // 0// 更新信号的值count.value += 1;// 访问值也必须要有 .valueconsole.log(count.value);  // 1

通过以上代码我们可以看出来 Signals 与 vue 中的 ref 使用是有些类似的。它们都需要通过一个方法进行初始化，同时访问的时候需要 .value

Signals 与框架的关联

除了我们刚才看到的 preact 之外，还有很多的框架也实现了 Signals。比如：

Solid
Angular
Qwik

从根本上说，Signals 是与 Vue 中的 ref 相同的响应性基础类型（再前面我们也看到了类似的代码例子）。**Signals是一个在访问时跟踪依赖、在变更时触发副作用的值容器。

这种基于响应性基础类型的范式在前端领域并不是一个特别新的概念：它可以追溯到十多年前的 Knockout observables 和 Meteor Tracker 等实现。

Vue 的选项式 API 和 React 的状态管理库 MobX 也是基于同样的原则，只不过将基础类型这部分隐藏在了对象属性背后。

本文链接：//www.dmpip.com//www.dmpip.com/showinfo-26-96424-0.htmlTC39全新提案【Signals】V0草案已公布，状态管理将迎来全新革命？

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。邮件：2376512515@qq.com

上一篇：盘点JavaScript 事件和方法提交那些事儿

下一篇：五分钟了解 LangChain 的路由链

标签：

热门焦点

Redmi Pad评测：红米充满野心的一次尝试

从Note系列到K系列，从蓝牙耳机到笔记本电脑，红米不知不觉之间也已经形成了自己颇有竞争力的产品体系，在中端和次旗舰市场上甚至要比小米新机的表现来得更好，正所谓“大丈夫生居
Golang 中的 io 包详解：组合接口

io.ReadWriter// ReadWriter is the interface that groups the basic Read and Write methods.type ReadWriter interface { Reader Writer}是对Reader和Writer接口的组合，
每天一道面试题-CPU伪共享

前言：了不起：又到了每天一到面试题的时候了！学弟，最近学习的怎么样啊了不起学弟：最近学习的还不错，每天都在学习，每天都在进步！了不起：那你最近学习的什么呢？了不起学弟：最近在学习C
拼多多APP上线本地生活入口，群雄逐鹿万亿市场

Tech星球（微信ID：tech618）文 | 陈桥辉 Tech星球独家获悉，拼多多在其APP内上线了“本地生活”入口，位置较深，位于首页的“充值中心”内，目前主要售卖美食相关的
ESG的面子与里子

来源 | 光子星球撰文 | 吴坤谚编辑 | 吴先之三伏大幕拉起，各地高温预警不绝，但处于厄尔尼诺大“烤”之下的除了众生，还有各大企业发布的ESG报告。ESG是“环境保
华为HarmonyOS 4.0将于8月4日发布或搭载AI大模型技术

华为宣布HarmonyOS4.0将于8月4日正式发布。此前，华为已经针对开发者公布了HarmonyOS4.0，以便于开发者提前进行适配，也因此被曝光出了一些新系统的特性
AI芯片初创公司Tenstorrent获三星和现代1亿美元投资

Tenstorrent是一家由芯片行业资深人士Jim Keller领导的加拿大初创公司，专注于开发人工智能芯片，该公司周三表示，已经从现代汽车集团和三星投资基金等
电博会上海尔智家模拟500平大平层，还原生活空间沉浸式体验

电博会为了更好地让参展观众真正感受到智能家居的绝妙之处，海尔智家的程传岭先生同样介绍了展会上海尔智家的模拟500平大平层，还原生活空间沉浸式体验。程传
“买真退假” 这种“羊毛”不能薅

□ 法治日报记者王春　　□ 本报通讯员胡佳丽　　2020年初，还在上大学的小东加入了一个大学生兼职QQ群。群主“七王”在群里介绍一些刷单赚