在 AngularJS 中，我们经常会使用 $emit 和 $broadcast 这两个方法来进行事件的传递和触发，充分利用事件的发布订阅机制来实现组件之间的通信，但是这两个方法有着明显的差异和使用限制，下面来详细介绍一下。
$emit
$emit 方法是从当前作用域（即事件的发出者）逐级向上触发所有的父级作用域，直到根作用域为止。在这个过程中，每个父级作用域都可以通过 $on 方法来监听这个事件，同时也可以对事件进行加工和处理传递的参数。
使用 $emit 的示例如下：
-- -------------------- ---- -------
--- --- - ----------------------- ----
------------------------------ -----------------
----------------------- ------ --------
---
---------------------------------- -----------------
--------------------- --------------- ----- -
------------------ -- -- ------ ------
---
---
-------------------------------- -----------------
--------------------- --------------- ----- -
------------------ -- -- ------ ------
---
---在这个例子中，MyController 通过 $emit 方法触发了 "myEvent" 事件，并传递了一个字符串参数 "hello world"，此时 AngularJS 会向 ParentController 和 RootController 分别发送该事件，并输出相应的参数。
$broadcast
$broadcast 方法是从当前作用域（即事件的发出者）逐级向下触发当前作用域下所有的子级作用域，直到叶子作用域为止。同样的，每个子级作用域都可以通过 $on 方法来监听这个事件，并进行处理和传递参数。
使用 $broadcast 的示例如下：
-- -------------------- ---- -------
--- --- - ----------------------- ----
------------------------------ -----------------
---------------------------- ------ --------
---
--------------------------------- -----------------
--------------------- --------------- ----- -
------------------ -- -- ------ ------
---
---在这个例子中，MyController 通过 $broadcast 方法触发了 "myEvent" 事件，并传递了一个字符串参数 "hello world"，此时 AngularJS 会向 ChildController 发送该事件，并输出相应的参数。
区别与注意事项
$emit 和 $broadcast 的不同之处在于事件的传播方向和范围，$emit 是向上触发到根作用域，而 $broadcast 则是向下触发到叶子作用域。因此，在实际开发中需要根据具体的需求和组件结构来选择使用。
另外，需要注意的是，$emit 和 $broadcast 在传递事件后只能传递简单类型的数据（如字符串、数字等），如果需要传递复杂的数据类型（如对象、数组等），需要进行序列化和反序列化操作。同时，如果在传递事件时要对数据进行修改，需要将修改后的数据作为返回值进行返回才能保证传递的数据正确。
总结
$emit 和 $broadcast 是 AngularJS 中事件传递和触发的重要手段，通过这两个方法可以实现组件之间的松耦合通信，避免了组件之间的直接依赖和耦合。在实际开发中，需要根据具体的情况来选择使用不同的方法，并注意传递事件时的数据类型和处理方式，才能实现更加合理和优秀的组件设计。
以上是 AngularJS 中 $emit 与 $broadcast 的区别及使用注意事项的详细介绍，希望能帮助大家更好的理解和使用这两个方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651907a495b1f8cacd146b91