为什么setTimeout()让我的应用变得迟缓，而Rxjs timer().subscribe(...)不是吗？
setTimeout()是JavaScript中的一个函数，用于在指定的时间后执行一段代码。它的工作原理是将代码放入事件队列中，等待指定的时间后执行。然而，由于JavaScript是单线程的，当执行时间到达时，如果此时主线程正在执行其他任务，setTimeout()的代码就会被延迟执行，导致应用变得迟缓。
相比之下，RxJS是一个响应式编程库，timer()是其中的一个操作符，用于创建一个定时器。它的工作方式是创建一个Observable对象，该对象会在指定的时间后发出一个值，然后完成。通过使用subscribe()方法订阅这个Observable对象，我们可以在指定的时间后执行相应的操作。
RxJS的timer().subscribe(...)不会导致应用变得迟缓的原因是，它是基于事件驱动的异步编程模型。它会在指定的时间后触发一个事件，而不会阻塞主线程的执行。这意味着即使在定时器触发之前，主线程仍然可以继续执行其他任务，不会导致应用的延迟。
总结起来，setTimeout()会导致应用变得迟缓的原因是它的执行方式会阻塞主线程，而RxJS的timer().subscribe(...)不会阻塞主线程，因此不会导致应用变得迟缓。
腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CMYSQL）：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送）：https://cloud.tencent.com/product/umeng
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（QingCloud）：https://cloud.tencent.com/product/qingcloud
相关·内容
我有一个组件，“惰性加载”一些评论，以100ms的间隔。<div *ngFor="let post of posts"></div> },100);这使我的</em
浏览 18提问于2020-03-05得票数 9
回答已采纳
4回答
我试图创建一个Timer，它每10秒调用一个API call，我使用的是setTimeOut，但问题是它变成了一个无限循环，即使我推到另一个页面，它也会继续加入if条件。例子：setTimeout(() => {}, 1000); this.navCtrl.
浏览 8提问于2017-09-07得票数 40
回答已采纳
boolean; this.showComponent = false;
this.showComponent = true;
clearTimeout为什么会这样呢？我以前从没见过。为了解决这个问题，我一直在使用父组件中的</
浏览 1提问于2018-03-20得票数 1
我想要一个5秒的加载器显示，当我点击一个按钮时隐藏起来，到目前为止我尝试过 </div>
this.student = {};
Observable.
浏览 3提问于2016-11-09得票数 4
回答已采纳
6回答
我有一个代码来获取与它相关的图书和图书证：const fetchBook = (bookId: number) => { shareReplay(1)setTimeout<
浏览 12提问于2021-08-11得票数 5
回答已采纳
2回答
我正在进行一个角形9测试应用程序，我使用RxJS作为倒计时计时器(在containers\scoreboard\time\time.component.ts中)，而计时器似乎没有显示。请在Stackblitz: TimeComponent上看到我的定时器代码：。谢谢。
下面的代码是我第一次开始用RxJS构建一个倒计时时钟。我最近的代码是在Stackblitz上的。next: (_: number)
浏览 2提问于2020-05-17得票数 0
回答已采纳
2回答
我不想在不屈服的情况下提出这些要求。// npm install rxjsRx.Observable.timerto the subject, xhr made prior let subscription;
<em
浏览 1提问于2017-02-19得票数 2
回答已采纳
我有一个主题，负责订阅某些可观察到的：当主题像这样链接到主题的时候timer$.subscribe(timerSubject);
var subscrip
浏览 4提问于2016-10-20得票数 3
回答已采纳
我想创建一个从webapi返回数据的可观察对象。我希望它立即返回数据，并每10秒轮询一次API。下面的代码显示我使用的是“interval”方法。但这会将第一组数据延迟10秒。
浏览 1提问于2016-04-14得票数 39
注意:我不想做await new Promise(r => setTimeout(r, 10000))，因为它会使我的测试运行时间很长，并且测试应该是短的我希望submit只在创建组件10秒钟后调用我试过的
浏览 0提问于2020-10-01得票数 3
回答已采纳
6回答
我怎样才能用Jest测试可观察到的数据？ const event = myObservable.subscribe(data => {
expect
浏览 3提问于2018-06-05得票数 28
回答已采纳
在我的角度应用程序中，我有一个用例，需要检查window全局对象上的属性值(这个属性值由其他异步操作设置)。基于这个值，我需要更新UI上的一些内容，这是本文的背景。我想出了一个解决方案，部分实现了我的目标，但需要稍微调整一下。守则如下：import { takeWhile,
浏览 0提问于2020-03-20得票数 0
回答已采纳
2回答
我正在尝试Rxjs观察者的基本用例。这就是我要做的： setTimeout(() => o.nextonTimeout] (repl:1:89) at tryOnTimeout (timers.js:323:5)
a
浏览 0提问于2018-12-13得票数 0
回答已采纳
我对“观察”很陌生，我很担心内存泄露。如果我创建以下内容：clientStream$ = this.client.asObservable();this.clientService.clientStream$.subscribe( this.client = client;}
，我需要取消订阅吗如
浏览 4提问于2017-09-13得票数 15
回答已采纳
2回答
等到第二个可以观察到的发射
、、、、
在Rxjs中，有管道takeUntil，但是没有管道等待直到，这使得当前可观察到的等待第二个观察到的发射。
我的最后一个目标是让许多人仍能观察到，直到我的观察到的$发射出一个值，才能继续执行。因此，我的可观测的init$必须执行一次，而在此之前，我的另一个可观察到的值必须等到inits发出任何与null不同的值。在这个简单<em
浏览 2提问于2020-03-21得票数 2
回答已采纳
我正在使用自定义异步验证器和Angular 4 reactive forms来检查E-Mail地址是否已经被调用后端。有没有可能使用RxJS observable优雅地揭穿异步调用？import {Observable} from 'rxjs/Observable';
import {AbstractControl, ValidationErrors} from &#x
浏览 4提问于2017-05-25得票数 19
我正在努力理解为什么我的代码不能正常工作，我希望它能正常运行。import { groupBy, mergeMap, toArray, map,merge, reduce
浏览 0提问于2018-07-01得票数 1
回答已采纳
1回答
上下文在我的应用程序中，我可以从websocket获得一些数据，但对于某些数据，我必须使用RESTful api。我想做一些乐观的更新，修补客户端状态，而不是在相关的状态片上执行完全数据刷新的成本。RxJs方法
如果我没有使用n
浏览 2提问于2017-12-01得票数 5
2回答
上下文
我尝试了许多使用RxJS对此建模的方法，最后却出现了一些糟糕的设计，这些设计总是因为我的需求而有很大的缺陷。这是不好的，因为我存储了大量的
浏览 0提问于2018-09-05得票数 1
作为学习rxjs的一部分，我一直在使用create方法，from，interval等来测试油门和deboucne等，我一直在使用fromevent创建流。现在我有了一个真实的用例，我需要动态地将值添加到一个空的可观察流中。我找不到任何关于如何最好地做到这一点的例子，而不是使用上面的创建方法。例如：
import { BehaviorSubject, timer } from &#x
浏览 0提问于2020-04-16得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
