一种网页组件间通信方法、装置及设备与流程

1.本技术涉及计算机技术领域，具体涉及一种网页组件间通信方法、装置及设备。


背景技术：

2.随着产品的不断发展，前端系统的网页越来越复杂，网页中的组件越来越多。在实际应用中，网页组件间需要进行通信，但是现有实现组件间通信的方式较为复杂，网页开发效率低。


技术实现要素：

3.有鉴于此，本技术实施例提供一种网页组件间通信方法、装置及设备，以较为简单地实现网页组件间的通信。
4.为解决上述问题，本技术实施例提供的技术方案如下：
5.第一方面，本技术实施例提供一种网页组件间通信方法，所述方法包括：
6.事件总线接收第一组件针对目标事件的订阅请求，所述订阅请求包括所述目标事件的名称以及所述第一组件响应所述目标事件的回调函数；
7.保存所述目标事件的名称以及所述第一组件响应所述目标事件的回调函数之间的映射关系；
8.接收第二组件针对所述目标事件的触发请求，所述触发请求包括所述目标事件的名称以及事件参数；
9.在所述映射关系中查找所述目标事件的名称对应的所述第一组件响应所述目标事件的回调函数；
10.触发所述回调函数并将所述事件参数传入所述回调函数，以使所述第一组件执行所述回调函数。
11.在一种可能的实现方式中，所述保存所述目标事件的名称以及所述第一组件响应所述目标事件的回调函数之间的映射关系，包括：
12.生成对应于所述第一组件订阅所述目标事件的第一标识；
13.保存所述第一标识、所述目标事件的名称以及所述第一组件响应所述目标事件的回调函数之间的映射关系。
14.在一种可能的实现方式中，所述保存所述第一标识、所述目标事件的名称以及所述第一组件响应所述目标事件的回调函数之间的映射关系，包括：
15.利用事件map保存所述目标事件的名称与所述第一标识的对应关系；
16.利用标识map保存所述第一标识与所述目标事件的名称的对应关系；
17.利用回调函数map保存所述第一标识与所述第一组件响应所述目标事件的回调函数的对应关系。
18.在一种可能的实现方式中，所述在所述映射关系中查找所述目标事件的名称对应的所述第一组件响应所述目标事件的回调函数，包括：
19.在所述事件map中查找所述目标事件的名称对应的第一标识；
20.在所述回调函数map中查找所述第一标识对应的所述第一组件响应所述目标事件的回调函数。
21.在一种可能的实现方式中，所述方法还包括：
22.将所述第一标识发送给所述第一组件；
23.接收第一组件针对所述目标事件的第一取消订阅请求，所述第一取消订阅请求包括所述第一标识；
24.删除所述第一标识、所述目标事件的名称以及所述第一组件响应所述目标事件的回调函数之间的映射关系。
25.在一种可能的实现方式中，所述方法还包括：
26.接收针对所述目标事件的第二取消订阅请求，所述第二取消订阅请求包括所述目标事件的名称；
27.删除所述目标事件的名称以及各个组件响应所述目标事件的回调函数之间的映射关系。
28.在一种可能的实现方式中，所述方法还包括：
29.接收清除请求，删除每个事件的名称以及各个组件响应该事件的回调函数之间的映射关系。
30.第二方面，本技术实施例提供一种网页组件间通信装置，所述装置应用于事件总线，所述装置包括：
31.第一接收单元，用于接收第一组件针对目标事件的订阅请求，所述订阅请求包括所述目标事件的名称以及所述第一组件响应所述目标事件的回调函数；
32.保存单元，用于保存所述目标事件的名称以及所述第一组件响应所述目标事件的回调函数之间的映射关系；
33.第二接收单元，用于接收第二组件针对所述目标事件的触发请求，所述触发请求包括所述目标事件的名称以及事件参数；
34.查找单元，用于在所述映射关系中查找所述目标事件的名称对应的所述第一组件响应所述目标事件的回调函数；
35.触发单元，用于触发所述回调函数并将所述事件参数传入所述回调函数，以使所述第一组件执行所述回调函数。
36.第三方面，本技术实施例提供一种网页组件间通信设备，包括：存储器，处理器，及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时，实现如上述的网页组件间通信方法。
37.第四方面，本技术实施例提供一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当所述指令在终端设备上运行时，使得所述终端设备执行如上述的网页组件间通信方法。
38.由此可见，本技术实施例具有如下有益效果：
39.在本技术实施例中，第一组件可以通过事件总线订阅目标事件，事件总线保存目标事件的名称以及第一组件响应目标事件的回调函数之间的映射关系。第二组件通过事件总线触发目标事件并携带事件参数，以使事件总线查询映射关系，确定该第一组件为目标
事件的订阅者，从而触发执行第一组件响应目标事件的回调函数并传入事件参数。在第一组件执行该回调函数时，需要使用事件参数，从而实现了第二组件到第一组件间的通信。该方法利用事件总线实现网页组件间的通信，实现较为简单，同时可以减少代码的内存占用空间、提高网页开发速度。
附图说明
40.图1为本技术实施例提供的一种示例性应用场景的示意图；
41.图2为本技术实施例提供的一种网页组件间通信方法的流程图；
42.图3为本技术实施例提供的一种事件总线保存映射关系的示意图；
43.图4为本技术实施例提供的一种网页组件间通信装置的示意图。
具体实施方式
44.为使本技术的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本技术实施例作进一步详细的说明。
45.为了便于理解和解释本技术实施例提供的技术方案，下面将先对本技术的背景技术进行说明。
46.随着产品的不断发展，前端系统的网页越来越复杂，网页中的组件越来越多。在实际应用中，网页组件间需要进行通信。例如，网页中包括一个轮播图广告组件，当用户触发该轮播图广告组件时，可以在另一显示组件中显示相关广告信息。在该过程中，需要实现轮播图广告组件与显示组件之间的通信。现有实现组件间通信的方式均较为复杂，网页开发效率低。
47.基于此，本技术实施例在实现网页的过程中，首先初始化事件总线，由事件总线实现网页组件间的通信。则第一组件可以通过事件总线订阅目标事件，事件总线保存目标事件的名称以及第一组件响应目标事件的回调函数之间的映射关系。第二组件通过事件总线触发目标事件并携带事件参数，以使事件总线查询映射关系，确定该第一组件为目标事件的订阅者，从而触发执行第一组件响应目标事件的回调函数并传入事件参数。在第一组件执行该回调函数时，需要使用事件参数，从而实现了第二组件到第一组件间的通信。该方法实现较为简单，同时可以减少代码的内存占用空间、提高网页开发速度。
48.为了便于理解本技术实施例提供的网页组件间通信方法，下面结合图1所示的场景示例进行说明。参见图1所示，该图为本技术实施例提供的示例性应用场景的示意图。
49.为了实现网页组件间的通信，首先初始化事件总线100。第一组件101可以通过事件总线订阅目标事件，则事件总线保存目标事件的名称以及第一组件响应目标事件的回调函数之间的映射关系。第一组件101可以理解为针对目标事件的通信接收方。
50.第二组件102可以理解为针对目标事件的通信发起方。当第二组件102需要触发目标事件时，可以通过事件总线触发目标事件并携带事件参数。
51.事件总线100查询保存的映射关系，确定该第一组件为目标事件的订阅者，从而触发执行第一组件响应目标事件的回调函数并传入事件参数。在第一组件执行该回调函数时，需要使用事件参数，从而实现了第二组件到第一组件间的通信。
52.本技术实施例提供的网页组件间通信方法可以应用于事件总线，事件总线的执行
过程可以由计算机程序实现，该计算机程序可以搭载于实现网页显示的终端或者服务器中。
53.本领域技术人员可以理解，图1所示的框架示意图仅是本技术的实施方式可以在其中得以实现的一个示例。本技术实施方式的适用范围不受到该框架任何方面的限制。
54.为了便于理解本技术，下面结合附图对本技术实施例提供的一种网页组件间通信方法进行说明。
55.参见图2所示，该图为本技术实施例提供的一种网页组件间通信方法的流程图，如图2所示，该方法可以包括s201-s205：
56.s201：事件总线接收第一组件针对目标事件的订阅请求，订阅请求包括目标事件的名称以及第一组件响应目标事件的回调函数。
57.第一组件可以理解为触发目标事件时通信数据的接收方，第一组件需要接收触发目标事件产生的数据，则第一组件可以预先向事件总线发送订阅请求。事件总线接收第一组件针对目标事件的订阅请求，该订阅请求包括目标事件的名称以及第一组件响应目标事件的回调函数。第一组件响应目标事件的回调函数可以理解为第一组件如何响应目标事件的执行函数。
58.事件总线可以接收同一组件针对不同事件的订阅请求，例如，事件总线可以接收第一组件针对目标事件的订阅请求，目标事件为组件间通信触发的任一事件，事件总线也可以接收第一组件针对另一事件的订阅请求。事件总线也可以接收不同组件针对同一事件的订阅请求，例如，事件总线还可以接收第三组件针对目标事件的订阅请求，该订阅请求包括目标事件的名称以及第三组件响应目标事件的回调函数。第三组件可以理解为触发目标事件时通信数据的另一接收方。
59.s202：保存目标事件的名称以及第一组件响应目标事件的回调函数之间的映射关系。
60.事件总线可以将目标事件的名称以及第一组件响应目标事件的回调函数建立映射关系，然后保存该映射关系。另外，如果事件总线接收第三组件针对目标事件的订阅请求，还可以保存目标事件的名称以及第三组件响应目标事件的回调函数的映射关系。即事件总线保存有每一事件的名称以及各个组件响应每一事件的回调函数的映射关系。
61.在一种可能的实现方式中，s202保存目标事件的名称以及第一组件响应目标事件的回调函数之间的映射关系的具体实现可以包括：
62.a1：生成对应于第一组件订阅目标事件的第一标识。
63.在本技术实施例中，事件总线接收到第一组件针对目标事件的订阅请求之后，先生成第一标识，第一标识对应于第一组件订阅目标事件。标识具有唯一性，每一标识对应于某一组件订阅某一事件。
64.例如，第一组件订阅目标事件的第一标识为key1，第一组件订阅另一事件的标识为key2，第三组件订阅目标事件的标识为key3，第三组件订阅另一事件的标识为key4，key1、key2、key3以及key4均不相同。
65.a2：保存第一标识、目标事件的名称以及第一组件响应目标事件的回调函数之间的映射关系。
66.在生成第一标识之后，事件总线可以保存第一标识、目标事件的名称以及第一组
件响应目标事件的回调函数之间的映射关系。
67.如果事件总线接收第三组件针对目标事件的订阅请求，还可以保存第三组件订阅目标事件的标识、目标事件的名称以及第三组件响应目标事件的回调函数的映射关系。
68.事件总线可以通过map结构保存每一事件的名称以及各个组件响应每一事件的回调函数的映射关系，后续实施例会继续对步骤a2的具体实现进行说明，在此不再赘述。
69.s203：接收第二组件针对目标事件的触发请求，触发请求包括目标事件的名称以及事件参数。
70.第二组件可以理解为触发目标事件时通信数据的发送方，当第二组件需要触发目标事件时，向事件总线发送针对目标事件的触发请求。接收第二组件针对目标事件的触发请求，该触发请求包括目标事件的名称以及事件参数。事件参数为触发目标事件时所需要传输的数据。
71.s204：在映射关系中查找目标事件的名称对应的第一组件响应目标事件的回调函数。
72.事件总线通过保存的映射关系，可以查找得到目标事件的名称对应的各个组件响应目标事件的回调函数。基于上述说明，事件总线可以得到第一组件响应目标事件的回调函数。如果有多个组件订阅了目标事件，例如事件总线保存的映射关系还包括目标事件的名称对应的第三组件响应目标事件的回调函数，则也可以查找到第三组件响应目标事件的回调函数。
73.s205：触发回调函数并将事件参数传入回调函数，以使第一组件执行回调函数。
74.事件总线可以触发查找得到的回调函数，并将事件参数传入回调函数，从而使第一组件利用事件参数执行回调函数，实现事件参数由第二组件传入第一组件。另外，如果事件总线还查找到第三组件响应目标事件的回调函数，则还触发第三组件响应目标事件的回调函数并传入事件参数，使第三组件利用事件参数执行回调函数，实现事件参数由第三组件传入第一组件。
75.例如，第二组件为轮播图广告组件，第一组件、第三组件为显示组件，目标事件为触发轮播图广告，事件参数为相关广告信息。第一组件、第三组件预先向事件总线订阅目标事件。当用户触发轮播图广告组件时，第二组件向事件总线发送携带有目标事件的名称以及相关广告信息的触发请求，事件总线查找到对应的第一组件显示广告信息的回调函数以及第三组件显示广告信息的回调函数，触发这些回调函数并传入相关广告信息。第一组件、第三组件均执行显示广告信息的回调函数，实现相关广告信息的显示，从而完成第二组件向第一组件、第三组件的通信过程。
76.基于上述s201-s205，第一组件可以通过事件总线订阅目标事件，事件总线保存目标事件的名称以及第一组件响应目标事件的回调函数之间的映射关系。第二组件通过事件总线触发目标事件并携带事件参数，以使事件总线查询映射关系，确定该第一组件为目标事件的订阅者，从而触发执行第一组件响应目标事件的回调函数并传入事件参数。在第一组件执行该回调函数时，需要使用事件参数，从而实现了第二组件到第一组件间的通信。该方法利用事件总线实现网页组件间的通信，实现较为简单，同时可以减少代码的内存占用空间、提高网页开发速度。
77.在实际应用中，可以通过声明事件总线函数的方式初始化事件总线，声明事件总
线函数包括3个map类型的变量，即在事件总线中建立map结构，包括事件map(event map)、标识map(key map)以及回调函数map(handler map)。
78.基于此，在一种可能的实现方式中，步骤a2保存第一标识、目标事件的名称以及第一组件响应目标事件的回调函数之间的映射关系的具体实现可以包括：
79.b1：利用事件map保存目标事件的名称与第一标识的对应关系。
80.在实际应用中，事件map中保存有事件与标识的对应关系，如果一个事件有多个组件订阅，则一个事件可以与多个标识对应，事件map保存的是一个事件与多个标识的对应关系。在本技术实施例中，事件map保存有目标事件的名称与第一标识的对应关系。如果事件总线接收第三组件针对目标事件的订阅请求，先生成第三标识，第三标识对应于第三组件订阅目标事件。此时，事件map保存的是目标事件的名称与第一标识、第三标识的对应关系。
81.b2：利用标识map保存第一标识与目标事件的名称的对应关系。
82.标识map保存的是一个标识与相应订阅事件的名称之间的对应关系，是一对一的对应关系。在本技术实施例中，标识map保存有第一标识与目标事件的名称的对应关系。如果事件总线接收第三组件针对目标事件的订阅请求，标识map还保存有第三标识与目标事件的名称的对应关系。
83.b3：利用回调函数map保存第一标识与第一组件响应目标事件的回调函数的对应关系。
84.回调函数map中保存的是一个标识与相应回调函数之间的对应关系，是一对一的对应关系。在本技术实施例中，回调函数map保存有第一标识与第一组件响应目标事件的回调函数的对应关系。如果事件总线接收第三组件针对目标事件的订阅请求，回调函数map还保存有第三标识与第三组件响应目标事件的回调函数的对应关系。
85.在一些可能的实现方式中，本技术实施例中的第一标识为符号类型。map结构存储的是键值对的集合，其特性在于map中的键可以为任意类型。则第一标识可以采用符号symbol类型，symbol类型可以满足各个标识的唯一性。
86.参见图3所示，示例性地示出了事件总线保存映射关系过程的示意图。
87.在实际应用中，在事件总线函数内部声明一个on方法，用于组件订阅事件。例如，第一组件订阅目标事件logout(退出)，则第一组件调用on方法，传入目标事件的名称logout以及第一组件响应目标事件的回调函数function1。事件总线生成第一标识key1，event map中保存目标事件的名称logout与第一标识key1的对应关系。key map中保存第一标识key1与目标事件的名称logout的对应关系。handler map中保存第一标识key1与第一组件响应目标事件的回调函数function1的对应关系。
88.第三组件订阅目标事件logout(退出)，则第三组件调用on方法，传入目标事件的名称logout以及第三组件响应目标事件的回调函数function3。事件总线生成第三标识key3。event map中保存目标事件的名称logout与第一标识key1、第三标识key3的对应关系。key map中保存第一标识key1与目标事件的名称logout的对应关系、第三标识key3与目标事件的名称logout的对应关系。handler map中保存第一标识key1与第一组件响应目标事件的回调函数function1的对应关系、第三标识key3与第三组件响应目标事件的回调函数function3的对应关系。
89.基于事件总线使用map结构存储映射关系，在一种可能的实现方式中，s204在映射
关系中查找目标事件的名称对应的第一组件响应目标事件的回调函数的具体实现可以包括：
90.c1：在事件map中查找目标事件的名称对应的第一标识。
91.当目标事件被触发，可以通过事件map查找已经订阅了目标事件的组件，即查找目标事件的名称对应的标识。在本实施例中，可以查找到目标事件的名称对应的第一标识。如果事件总线接收第三组件针对目标事件的订阅请求，则还可以查找到目标事件的名称对应的第三标识。
92.c2：在回调函数map中查找第一标识对应的第一组件响应目标事件的回调函数。
93.然后通过回调函数map中查找得到的标识对应的回调函数，在本实施例中，可以查找到第一标识对应的第一组件响应目标事件的回调函数。如果事件总线接收第三组件针对目标事件的订阅请求，则还可以查找到第三标识对应的第三组件响应目标事件的回调函数。
94.在实际应用中，在事件总线函数内部声明一个emit方法，用于触发事件。该方法接收一个事件的名称和事件参数。当第二组件触发目标事件时，调用事件总线中的emit方法，传入目标事件的名称和事件参数。事件总线通过事件map以及回调函数map获取相应回调函数，将事件参数传入回调函数并触发执行。
95.在上述实施例中，通过javascript es6版本中的map结构以及符号类型的特性，保存了事件、标识以及回调函数之间的映射关系，从而实现网页组件间通信，减少了代码的内存占用空间并提高了处理速度。
96.在组件订阅了事件之后，还可以取消订阅事件，则事件总线需要对已保存的相关信息进行删除。
97.在一种可能的实现方式中，本技术实施例提供的网页组件间通信方法还包括：
98.将第一标识发送给第一组件。
99.事件总线在生成对应于第一组件订阅目标事件的第一标识，还可以把第一标识反馈给第一组件，以使第一组件在需要取消订阅目标事件时，通过第一标识进行取消。
100.类似的，事件总线在生成对应于第三组件订阅目标事件的第三标识，还可以把第三标识反馈给第三组件。
101.在一种可能的实现方式中，本技术实施例提供的网页组件间通信方法还包括：
102.接收第一组件针对目标事件的第一取消订阅请求，第一取消订阅请求包括第一标识；
103.删除第一标识、目标事件的名称以及第一组件响应目标事件的回调函数之间的映射关系。
104.在本技术实施例中，可以针对一个组件的订阅事件进行取消。例如，第一组件需要取消订阅目标事件，则将携带有第一标识的第一取消订阅请求发送给事件总线。事件总线根据第一标识，查找到第一标识对应的目标事件的名称以及第一组件响应目标事件的回调函数，并将相应映射关系进行删除。
105.具体的，事件总线可以查找标识map以及回调函数map，利用第一标识在标识map中查找第一标识对应的目标事件的名称，并将第一标识与目标事件的名称的对应关系进行删除。在回调函数map中查找第一标识，将第一标识与第一组件响应目标事件的回调函数的对
应关系进行删除。再查找事件map，将目标事件的名称与第一标识的对应关系进行删除。
106.由于标识map保存的是标识与事件名称的一对一关系，则利用标识map可以快速查找到第一标识对应的目标事件的名称。
107.在一种可能的实现方式中，本技术实施例提供的网页组件间通信方法还包括：
108.接收针对目标事件的第二取消订阅请求，第二取消订阅请求包括目标事件的名称；
109.删除目标事件的名称以及各个组件响应目标事件的回调函数之间的映射关系。
110.在本技术实施例中，还可以针对一个事件进行取消订阅。例如，当事件总线接收针对目标事件的第二取消订阅请求，可以删除与目标事件相关的映射关系。
111.具体的，事件总线可以查找事件map，利用目标事件的名称在事件map中查找目标事件的名称对应的各个标识，并将目标事件的名称与各个标识的对应关系进行删除。然后查找标识map以及回调函数map，将标识map中这些标识与目标事件的名称的对应关系进行删除，将回调函数map中这些标识与各个组件响应目标事件的回调函数进行删除。
112.在实际应用中，可以在事件总线函数内部声明一个off方法，用于取消订阅事件，该方法可以传入标识和/或事件的名称，当传入标识取消相应组件针对相应事件的订阅，当传入事件的名称则取消全部组件针对该事件的订阅。
113.在本技术实施例中，可以通过取消事件订阅，实现组件间通信的终止。
114.另外得益于map结构的特征，还可以清空map结构。在一种可能的实现方式中，本技术实施例提供的网页组件间通信方法还包括：
115.接收清除请求，删除每个事件的名称以及各个组件响应该事件的回调函数之间的映射关系。
116.在实际应用中，在事件总线函数内部声明一个clear方法，用于全部订阅事件的取消。事件总线在接收到清除请求后，可以删除事件map、标识map以及回调函数map中的全部内容，即删除了每个事件的名称以及各个组件响应该事件的回调函数之间的映射关系。从而实现了快速清空map结构。
117.基于上述方法实施例提供的一种网页组件间通信方法，本技术实施例还提供了一种网页组件间通信装置，下面将结合附图对该装置进行说明。
118.参见图4所示，该图为本技术实施例提供的一种网页组件间通信装置的结构示意图。如图4所示，该网页组件间通信装置包括：
119.第一接收单元401，用于接收第一组件针对目标事件的订阅请求，所述订阅请求包括所述目标事件的名称以及所述第一组件响应所述目标事件的回调函数；
120.保存单元402，用于保存所述目标事件的名称以及所述第一组件响应所述目标事件的回调函数之间的映射关系；
121.第二接收单元403，用于接收第二组件针对所述目标事件的触发请求，所述触发请求包括所述目标事件的名称以及事件参数；
122.查找单元404，用于在所述映射关系中查找所述目标事件的名称对应的所述第一组件响应所述目标事件的回调函数；
123.触发单元405，用于触发所述回调函数并将所述事件参数传入所述回调函数，以使所述第一组件执行所述回调函数。
124.在一种可能的实现方式中，所述保存单元，包括：
125.生成子单元，用于生成对应于所述第一组件订阅所述目标事件的第一标识；
126.保存子单元，用于保存所述第一标识、所述目标事件的名称以及所述第一组件响应所述目标事件的回调函数之间的映射关系。
127.在一种可能的实现方式中，所述保存子单元具体用于：
128.利用事件map保存所述目标事件的名称与所述第一标识的对应关系；
129.利用标识map保存所述第一标识与所述目标事件的名称的对应关系；
130.利用回调函数map保存所述第一标识与所述第一组件响应所述目标事件的回调函数的对应关系。
131.在一种可能的实现方式中，所述查找单元具体用于：
132.在所述事件map中查找所述目标事件的名称对应的第一标识；
133.在所述回调函数map中查找所述第一标识对应的所述第一组件响应所述目标事件的回调函数。
134.在一种可能的实现方式中，所述装置还包括：
135.发送单元，用于将所述第一标识发送给所述第一组件。
136.在一种可能的实现方式中，所述装置还包括：
137.第三接收单元，用于接收第一组件针对所述目标事件的第一取消订阅请求，所述第一取消订阅请求包括所述第一标识；
138.第一删除单元，用于删除所述第一标识、所述目标事件的名称以及所述第一组件响应所述目标事件的回调函数之间的映射关系。
139.在一种可能的实现方式中，所述装置还包括：
140.第四接收单元，用于接收针对所述目标事件的第二取消订阅请求，所述第二取消订阅请求包括所述目标事件的名称；
141.第二删除单元，用于删除所述目标事件的名称以及各个组件响应所述目标事件的回调函数之间的映射关系。
142.在一种可能的实现方式中，所述装置还包括：
143.第三删除单元，用于接收清除请求，删除每个事件的名称以及各个组件响应该事件的回调函数之间的映射关系。
144.在一种可能的实现方式中，所述第一标识为符号类型。
145.另外，本技术实施例还提供了一种网页组件间通信设备，包括：存储器，处理器，及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时，实现如上述任一项所述的网页组件间通信方法。
146.另外，本技术实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当所述指令在终端设备上运行时，使得所述终端设备执行如上述任一项所述的网页组件间通信方法。
147.在本技术实施例中，第一组件可以通过事件总线订阅目标事件，事件总线保存目标事件的名称以及第一组件响应目标事件的回调函数之间的映射关系。第二组件通过事件总线触发目标事件并携带事件参数，以使事件总线查询映射关系，确定该第一组件为目标事件的订阅者，从而触发执行第一组件响应目标事件的回调函数并传入事件参数。在第一
组件执行该回调函数时，需要使用事件参数，从而实现了第二组件到第一组件间的通信。该方法利用事件总线实现网页组件间的通信，实现较为简单，同时可以减少代码的内存占用空间、提高网页开发速度。
148.需要说明的是，本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。对于实施例公开的系统或装置而言，由于其与实施例公开的方法相对应，所以描述的比较简单，相关之处参见方法部分说明即可。
149.应当理解，在本技术中，“至少一个(项)”是指一个或者多个，“多个”是指两个或两个以上。“和/或”，用于描述关联对象的关联关系，表示可以存在三种关系，例如，“a和/或b”可以表示：只存在a，只存在b以及同时存在a和b三种情况，其中a，b可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。“以下至少一项(个)”或其类似表达，是指这些项中的任意组合，包括单项(个)或复数项(个)的任意组合。例如，a，b或c中的至少一项(个)，可以表示：a，b，c，“a和b”，“a和c”，“b和c”，或“a和b和c”，其中a，b，c可以是单个，也可以是多个。
150.还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
151.结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块，或者二者的结合来实施。软件模块可以置于随机存储器(ram)、内存、只读存储器(rom)、电可编程rom、电可擦除可编程rom、寄存器、硬盘、可移动磁盘、cd-rom、或技术领域内所公知的任意其它形式的存储介质中。
152.对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本技术。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本技术的精神或范围的情况下，在其它实施例中实现。因此，本技术将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。