前言
在Web开发中，轮询是指在一个特定的时间间隔内，通过不断向服务器发送请求获取数据，以达到动态刷新的效果。在实际项目开发中，轮询是一个非常常见的技术。在AngularJS中，我们可以使用$timeout和$interval服务来实现轮询的功能。
$timeout
$timeout是AngularJS提供的一个定时器服务，类似于原生JavaScript中的setTimeout方法。$timeout会在一定时间后执行一个回调函数，并且会自动更新AngularJS的视图层。$timeout的调用方式如下：
$timeout(callback, delay, invokeApply);
- callback: 回调函数
- delay: 延迟时间，单位为毫秒
- invokeApply: 是否强制更新AngularJS的视图层，可选值为true或false，默认为true。
基于$timeout，在AngularJS中实现轮询的方法如下：
-- -------------------- ---- -------
----------------------------- ------------ ------------------ -
--- -------------- - -
---------
------ -----
------
--------- -----
------
----- ---------- -
-------------
---------------------------------------
------- ---- ---- -------
--------------
-------------------- - ----------------------------- -------------------------
--
------
------ ---------- -
-- ---------------------- -
----------------------
-
-------------------- - ----------------------------- -------------------------
--
------
----- ---------- -
--------------------------------------
-------------------- - -----
-
-
------ ---------------
----在上面的示例代码中，我们使用了一个PollingService服务。该服务提供了start、stop和poll三个方法。其中，start方法会启动轮询计时器，poll方法是实际的轮询函数，stop方法会停止轮询计时器。在poll方法中，我们可以发起后台请求，并在请求完成之后重新启动轮询计时器，以达到轮询的目的。
$interval
$interval是AngularJS提供的定时器服务，类似于原生JavaScript中的setInterval方法。$interval会在一定时间间隔内重复执行一个回调函数，并且会自动更新AngularJS的视图层。$interval的调用方式如下：
$interval(callback, delay, count, invokeApply);
- callback: 回调函数
- delay: 重复执行的延迟时间，单位为毫秒
- count: 重复执行的次数，默认为0，即无限次。
- invokeApply: 是否强制更新AngularJS的视图层，可选值为true或false，默认为true。
在AngularJS中，使用$interval实现轮询的方法与使用$timeout类似。示例代码如下：
-- -------------------- ---- -------
----------------------------- ------------- ------------------- -
--- -------------- - -
---------
------ -----
------
--------- -----
------
----- ---------- -
------- ---- ---- -------
--
------
------ ---------- -
-- ---------------------- -
----------------------
-
-------------------- - ------------------------------ -------------------------
--
------
----- ---------- -
---------------------------------------
-------------------- - -----
-
-
------ ---------------
----在上面的示例代码中，我们使用了一个PollingService服务。该服务提供了start、stop和poll三个方法。其中，start方法会启动轮询计时器，poll方法是实际的轮询函数，stop方法会停止轮询计时器。
总结
使用$timeout和$interval服务可以很方便地在AngularJS中实现轮询的功能。在实际项目中，轮询是非常重要的技术之一，通过轮询可以实现实时数据的更新和动态展示等功能。在使用$timeout和$interval服务时，需要注意使用合理的轮询间隔和轮询次数，以避免对后台服务器造成过大的负载压力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cf658bb5eee0b5256b7b11