Angular中为何将事件命名为$event？美元符号是否具备特殊意义？

作为Angular初学者，你观察到的两种$用法其实是完全不同的情况，咱们一个个说清楚：

1. $event：Angular的特殊内置语法 #

在@HostListener或者模板事件绑定（比如(click)="handleClick($event)"）里的$event，可不是随便的命名约定——它是Angular提供的特殊变量，专门用来指代触发事件的原生DOM事件对象（或自定义事件对象）。

比如你给出的代码：

@HostListener('dragover', ['$event']) 
onDragOver($event) { 
  $event.preventDefault(); 
  this.hovered.emit(true); 
}

这里的['$event']是告诉Angular：把dragover事件对应的原生Event对象传递给onDragOver方法。如果你把这里的$event换成别的名字（比如['myEvent']），Angular就无法识别这个特殊变量，也就不会传递事件对象了。所以这个$event是有语法层面的特殊意义的，会直接影响事件绑定的参数传递。

2. Observable变量末尾的$：社区通用命名约定 #

像myObservable$这种在变量名末尾加$的写法，属于Angular社区（包括官方团队）广泛接受的命名约定，没有语法上的特殊作用。

这个约定的核心目的是提高代码可读性：看到末尾带$的变量，就能立刻知道它是一个Observable类型，需要用async管道（模板里）或者subscribe方法（组件里）来处理数据流。Angular官方风格指南里也明确推荐了这个做法。

关于你提到的Stack Overflow问题 #

你看到的《What is the meaning of $ in a variable name?》里说“变量名以$开头违反约定”，指的是普通JavaScript变量的通用约定，但Angular里的$event是框架层面的特殊语法，不在这个限制范围内；而末尾的$是Observable专属的约定，也和那个问题里的情况不冲突。

官方文档指引 #

• 关于$event的特殊用法：Angular官方文档的「事件绑定」章节详细说明了它的作用和使用方式，包括模板事件绑定和@HostListener的参数传递。
• 关于Observable的$后缀约定：Angular官方风格指南的「命名规范」部分明确推荐了用$后缀标识Observable变量。

内容的提问来源于stack exchange，提问作者Marc Al