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

万众期待！JavaScript 宣布 Signals 即将到来！颠覆性的 API ！

来源：责编：时间：2024-05-11 09:20:35 124观看

导读状态管理状态管理这个词我相信大家都不陌生，无论是 Vue、React 都有状态管理这种概念，就比如：Vue： Ref、Reactive、Computed、Vuex、PiniaReact： useState、Redux、Mobx这些状态管理的 API 或者工具库，都有几个共同的特点

状态管理

状态管理这个词我相信大家都不陌生，无论是 Vue、React 都有状态管理这种概念，就比如：

Vue： Ref、Reactive、Computed、Vuex、Pinia
React： useState、Redux、Mobx

这些状态管理的 API 或者工具库，都有几个共同的特点：

自动进行状态追踪和更新：也就是当一个值修改时，所有依赖它的地方都重新计算。不需要手动去重新计算。
性能优势：当一个值修改时，依赖项的更新都采用惰性更新的方式，减少不必要的性能损耗。

但是上述的这些 API 或工具库都是跟一些前端框架耦合的，而不是 JavaScript 原生支持的。

Signals 它来啦！！！

千呼万唤始出来！！！Signals 它来啦！！！最近，官方正式公开发布了 Signals 的TC39标准化草案，目前处于Stage0阶段，并且也推出了符合规范的polyfill。

Signals 就是 JavaScript 原生支持的状态管理 API。

图片

优势

自动进行状态追踪和更新：也就是当一个值修改时，所有依赖它的地方都重新计算。不需要手动去重新计算。
性能优势：当一个值修改时，依赖项的更新都采用惰性更新的方式，减少不必要的性能损耗。
跨框架：它不跟任何一个前端框架耦合，可以用在任何一个框架之中，兼容性很强。

基本用法

首先是进行 Signals 状态管理的声明。

图片

接着是对这个值的读取（get）和修改（set）。

图片

你也可以声明另一个 Signals 变量 B，且这个变量 B 依赖另一个变量 A，类似于 Vue 中的 computed。

这需要用到 Signals.computed。

图片

而一个计算变量同样可以依赖另一个依赖变量。

图片

当状态管理变化的时候，我们会想去做一些操作，那我们应该如何监听变化呢？就类似于 Vue 的 watch。

其实 Siganls 是会提供给我们一个 effect 的全局方法，让我们可以监听依赖项的变化，并传入一个回调函数，在回调中去做我们想做的事情。

图片

跟 Pinia、Vuex 比较？

如果指望 Signals 取代 Pinia、Vuex 那是不现实的，因为大部分项目都是使用 Vue 框架，而 Pinia、Vuex 是针对 Vue 推出的状态管理工具库，在 Vue 中用起来肯定比 Signals 好用多了~况且 Signals 现在还没正式上线呢！

Stage 0 阶段

Stage 0 - Strawman (草案阶段): 这是提案的初始阶段，通常是一些初步的想法或建议。这些提案还没有得到正式的讨论和接受。
Stage 1 - Proposal (提案阶段): 在这个阶段，提案已经经过了初步的讨论，并且有了详细的说明。它们通常由一个或多个TC39委员会成员提交，并等待进一步的审查和反馈。
Stage 2 - Draft (草案阶段): 在这个阶段，提案已经经过了初步的审查，包括语法和语义方面的考虑。提案可能会在这个阶段进行一些修改和改进。
Stage 3 - Candidate (候选阶段): 当提案达到这个阶段时，它们被认为是成熟的，可以被实施到JavaScript引擎中。这通常包括详细的规范文档和实际的参考实现。
Stage 4 - Finished (完成阶段): 这是提案的最终阶段，表示它们已经被正式接受为ECMAScript标准的一部分，可以在各种JavaScript环境中广泛使用。

本文链接：//www.dmpip.com//www.dmpip.com/showinfo-26-87984-0.html万众期待！JavaScript 宣布 Signals 即将到来！颠覆性的 API ！

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

上一篇：你真的知道 NPM、Yarn 与 PNPM 之间的区别吗？

下一篇：在Go语言中，这样使用Json的

标签：

热门焦点

6月安卓手机性价比榜：Note 12 Turbo断层式碾压

6月份有一个618，虽然这是京东周年庆的日子，但别的电商也都不约而同的跟进了，反正促销没坏处，厂商和用户都能满意。618期间一些产品也出现了历史低价，那么各个价位段的产品性价比
消息称迪士尼要拍真人版《魔发奇缘》：女主可能也找黑人演员

8月5日消息，迪士尼确实有点忙，忙着将不少动画改成真人版，继《美人鱼》后，真人版《白雪公主》、《魔发奇缘》也在路上了。据外媒消息称，迪士尼将打造真人版
印度登月最关键一步！月船三号今晚进入环月轨道

8月5日消息，据印度官方消息，月船三号将于北京时间今晚21时30分左右开始近月制动进入环月轨道。这是该探测器能够成功的最关键步骤之一，如果成功将开始围
得物效率前端微应用推进过程与思考

一、背景效率工程随着业务的发展，组织规模的扩大，越来越多的企业开始意识到协作效率对于企业团队的重要性，甚至是决定其在某个行业竞争中突围的关键，是企业长久生存的根本。得物
华为发布HarmonyOS 4：更好玩、更流畅、更安全

在8月4日的华为开发者大会2023（HDC.Together）大会上，HarmonyOS 4正式发布。自2019年发布以来，HarmonyOS一直以用户为中心，经历四年多的发展HarmonyOS已
Android 14发布：首批适配机型公布

5月11日消息，谷歌在今天凌晨举行了I/O大会，本次发布会谷歌带来了自家的AI语言模型PaLM 2、谷歌Pixel Fold折叠屏、谷歌Pixel 7a手机，同时发布了Androi
Counterpoint ：OPPO双旗舰战略全面落地高端产品销量增长22%

2023年6月30日，全球行业分析机构Counterpoint Research发布的《中国智能手机高端市场白皮书》显示，中国智能手机品牌正在寻求高质量发展，中国高端智能
电博会与软博会实现"线下+云端"的双线融合

在本次“电博会”与“软博会”双展会利好条件的加持下，既可以发挥展会拉动人流、信息流、资金流实现快速交互流动的作用，继而推动区域经济良性发展；又可以聚