Signals 在JavaScript中的应用

最近，"Signals"成为了前端备受关注的话题。很多国外的大佬都发文表示Signals是前端框架的未来。同时，尤大也在Vue官网上添加了"Connection to Signals"部分。此外，包括Solid、Angular、Preact、Qwik和Vue等多个前端框架都已经开始实现Signals。

作为一名FE，如果你和我之前一样还不是很了解Signals，那么这篇文章或许可以帮助你更好地了解一下这个技术。本文将介绍Signals的历史、概念和优势。

一、发展历史

自从声明式JavaScript框架问世以来，Signals机制一直存在。随着时间的推移，它采用了许多不同的名称，经历了多年的流行和消失。

在声明式JavaScript框架中，组件是声明其输出的单元，可以被动态地渲染和组合。这种方式的优点是，它允许开发人员集中精力于组件的输出，而无需担心组件如何被渲染和更新。这种抽象方式也使得组件更容易被复用，并且更容易理解和测试。

然而，这种抽象也带来了一些挑战。其中一个挑战是组件之间如何通信和共享状态。这些问题可能导致代码变得笨重，难以维护，并且在复杂的应用程序中容易出现混乱。因此，开发人员需要一种更灵活、更强大的通信机制来解决这些问题。

在这种情况下，Signals机制成为了一个有用的解决方案。Signals机制允许组件在不直接引用其他组件的情况下通信，并且能够更灵活地传递消息和状态。这些机制可以是事件、回调、Promise或其他异步机制。它们可以被用来处理各种不同的场景，例如用户交互、网络请求和状态更改等。

Signals机制还具有许多其他优点。它们可以提高应用程序的可维护性和可扩展性，并且可以帮助开发人员更好地理解和调试代码。此外，由于Signals机制允许组件之间松散耦合，因此它们也有助于提高代码的可重用性。

1.1 早期实现

有时令人惊讶的是，多个团队几乎在同一时间达成了相似的解决方案。声明式JavaScript框架的开端有三个版本：Knockout.js（2010年7月），Backbone.js（2010年10月）和Angular.js（2010年10月)。

Angular的脏检查，Backbone的模型驱动的重渲染，以及Knockout的细粒度更新。每一个都略有不同，但最终都将成为我们今天管理状态和更新DOM的基础。

1.2 数据绑定

Angular.js里面常用的模式叫作数据绑定。数据绑定是将部分状态（state）附加到