狀態(tài)管理

狀態(tài)管理這個(gè)詞我相信大家都不陌生，無(wú)論是 Vue、React 都有狀態(tài)管理 這種概念，就比如：LuQ28資訊網(wǎng)——每日最新資訊28at.com

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

這些狀態(tài)管理的 API 或者 工具庫(kù)，都有幾個(gè)共同的特點(diǎn)：LuQ28資訊網(wǎng)——每日最新資訊28at.com

• 自動(dòng)進(jìn)行狀態(tài)追蹤和更新： 也就是當(dāng)一個(gè)值修改時(shí)，所有依賴它的地方都重新計(jì)算。不需要手動(dòng)去重新計(jì)算。
• 性能優(yōu)勢(shì)： 當(dāng)一個(gè)值修改時(shí)，依賴項(xiàng)的更新都采用惰性更新的方式，減少不必要的性能損耗。

但是上述的這些 API 或 工具庫(kù) 都是跟一些前端框架耦合的，而不是 JavaScript 原生支持的。LuQ28資訊網(wǎng)——每日最新資訊28at.com

Signals 它來(lái)啦！！！

千呼萬(wàn)喚始出來(lái)！！！Signals 它來(lái)啦！！！最近，官方正式公開(kāi)發(fā)布了 Signals 的TC39標(biāo)準(zhǔn)化草案，目前處于Stage0階段，并且也推出了符合規(guī)范的polyfill。LuQ28資訊網(wǎng)——每日最新資訊28at.com

Signals 就是 JavaScript 原生支持的 狀態(tài)管理 API。LuQ28資訊網(wǎng)——每日最新資訊28at.com

圖片LuQ28資訊網(wǎng)——每日最新資訊28at.com

優(yōu)勢(shì)

• 自動(dòng)進(jìn)行狀態(tài)追蹤和更新： 也就是當(dāng)一個(gè)值修改時(shí)，所有依賴它的地方都重新計(jì)算。不需要手動(dòng)去重新計(jì)算。
• 性能優(yōu)勢(shì)： 當(dāng)一個(gè)值修改時(shí)，依賴項(xiàng)的更新都采用惰性更新的方式，減少不必要的性能損耗。
• 跨框架： 它不跟任何一個(gè)前端框架耦合，可以用在任何一個(gè)框架之中，兼容性很強(qiáng)。

基本用法

首先是進(jìn)行 Signals 狀態(tài)管理的聲明。LuQ28資訊網(wǎng)——每日最新資訊28at.com

圖片LuQ28資訊網(wǎng)——每日最新資訊28at.com

接著是對(duì)這個(gè)值的讀取（get）和修改（set）。LuQ28資訊網(wǎng)——每日最新資訊28at.com

圖片LuQ28資訊網(wǎng)——每日最新資訊28at.com

你也可以聲明另一個(gè) Signals 變量 B，且這個(gè)變量 B 依賴另一個(gè)變量 A，類似于 Vue 中的 computed。LuQ28資訊網(wǎng)——每日最新資訊28at.com

這需要用到 Signals.computed。LuQ28資訊網(wǎng)——每日最新資訊28at.com

圖片LuQ28資訊網(wǎng)——每日最新資訊28at.com

而一個(gè)計(jì)算變量同樣可以依賴另一個(gè)依賴變量。LuQ28資訊網(wǎng)——每日最新資訊28at.com

圖片LuQ28資訊網(wǎng)——每日最新資訊28at.com

當(dāng)狀態(tài)管理變化的時(shí)候，我們會(huì)想去做一些操作，那我們應(yīng)該如何監(jiān)聽(tīng)變化呢？就類似于 Vue 的 watch。LuQ28資訊網(wǎng)——每日最新資訊28at.com

其實(shí) Siganls 是會(huì)提供給我們一個(gè) effect 的全局方法，讓我們可以監(jiān)聽(tīng)依賴項(xiàng)的變化，并傳入一個(gè)回調(diào)函數(shù)，在回調(diào)中去做我們想做的事情。LuQ28資訊網(wǎng)——每日最新資訊28at.com

圖片LuQ28資訊網(wǎng)——每日最新資訊28at.com

跟 Pinia、Vuex 比較？

如果指望 Signals 取代 Pinia、Vuex 那是不現(xiàn)實(shí)的，因?yàn)榇蟛糠猪?xiàng)目都是使用 Vue 框架，而 Pinia、Vuex 是針對(duì) Vue 推出的狀態(tài)管理工具庫(kù)，在 Vue 中用起來(lái)肯定比 Signals 好用多了~況且 Signals 現(xiàn)在還沒(méi)正式上線呢！LuQ28資訊網(wǎng)——每日最新資訊28at.com

Stage 0 階段

• Stage 0 - Strawman (草案階段): 這是提案的初始階段，通常是一些初步的想法或建議。這些提案還沒(méi)有得到正式的討論和接受。
• Stage 1 - Proposal (提案階段): 在這個(gè)階段，提案已經(jīng)經(jīng)過(guò)了初步的討論，并且有了詳細(xì)的說(shuō)明。它們通常由一個(gè)或多個(gè)TC39委員會(huì)成員提交，并等待進(jìn)一步的審查和反饋。
• Stage 2 - Draft (草案階段): 在這個(gè)階段，提案已經(jīng)經(jīng)過(guò)了初步的審查，包括語(yǔ)法和語(yǔ)義方面的考慮。提案可能會(huì)在這個(gè)階段進(jìn)行一些修改和改進(jìn)。
• Stage 3 - Candidate (候選階段): 當(dāng)提案達(dá)到這個(gè)階段時(shí)，它們被認(rèn)為是成熟的，可以被實(shí)施到JavaScript引擎中。這通常包括詳細(xì)的規(guī)范文檔和實(shí)際的參考實(shí)現(xiàn)。
• Stage 4 - Finished (完成階段): 這是提案的最終階段，表示它們已經(jīng)被正式接受為ECMAScript標(biāo)準(zhǔn)的一部分，可以在各種JavaScript環(huán)境中廣泛使用。

本文鏈接：http://www.tebozhan.com/showinfo-26-87984-0.html萬(wàn)眾期待！JavaScript 宣布 Signals 即將到來(lái)！顛覆性的 API ！

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com

上一篇： 你真的知道 NPM、Yarn 與 PNPM 之間的區(qū)別嗎？

下一篇： 在Go語(yǔ)言中，這樣使用Json的