如何在Chrome调试器里检查嵌套Observable对象

一个例子：

举个例子，看如下这个嵌套的Observable对象：

items$: Observable<Observable<Product>[]> = this.componentData$.pipe(map((data) => data.productCodes.trim().split(' ')),map((codes) =>codes.map((code) => this.productService.get(code, this.PRODUCT_SCOPE))));

this.componentData$是Observable，调用pipe，在pipe里的map操作，内部执行了一个map操作，因此最后返回的Observable对象是嵌套的。

那么我们在Chrome调试器里看到一个Observable对象，可以知道它是通过哪些操作得来的呢？

可以。

Observable的operator属性，存放的是通过source Observable对象，施加了哪一个操作后得到的当前Observable对象。上述截图的operator->project, 对应了下图高亮的函数：
再看source的operator的project属性：

对应的是下图高亮的函数：

再沿着source往上追溯，这次就不是project，而是predicate了，暗示函数返回的类型是boolean：

上图的operator对应的操作如下：

再往上，这个Observable没有operator，说明它没有被pipe处理过：

如何在Chrome调试器里检查嵌套Observable对象相关推荐

将Chrome调试器里的JavaScript变量保存成本地JSON文件
我们在Chrome开发者工具的Console标签页里,可以输入JavaScript变量然后回车,查看这些变量的值. 比如我用类jQuery选择器的语法 var button = $('button') ...
一个ABAP调试器里查看类的静态属性的小技巧
我们知道,像如图一这种类的静态属性,因为不属于类的实例所有,因此调试到这个类的方法内部时,只能通过图二演示的两种方式在调试器显示该属性的值.而一旦调试到该类方法的外部,通常就只能通过"类名= ...
在调试器里看百度云管家
作者简介: 张银奎,<软件调试>和<格蠹汇编>作者,从事软件开发和研究十余年,对IA-32架构.操作系统内核.虚拟技术,尤其对软件调试有较深入的研究. 本文为<程序员&g ...
关于 ABAP 调试器里的 16 进制值的显示问题
在调试器里查看字符常量,小写的字母 a 的 16 进制值,即 ASCII 编码里符号 a 的值:61 高位再补上 00 类型 x 的变量,其初始值为 16 进制的 00(1个字节): 6100 的 1 ...
在调试器里看LINUX内核态栈溢出
本文来源: 格友 | 格蠹老雷图灵最先发明了栈,但没有给它取名字.德国人鲍尔也"发明"了栈,取名叫酒窖.澳大利亚人汉布林也"发明"了栈,取名叫弹夹.195 ...
在调试器里看QQLive捉迷藏
前些日因为安装腾讯课堂客户端而安装了腾讯视频,程序目录和主程序名都叫QQLive.我很少用电脑看视频,本来是不想安装的,但担心腾讯课堂依赖它,就安装了. 安装之后,有时腾讯视频的窗口会跳出来,五颜六色 ...
一串最简单的JavaScript代码，在Chrome开发者工具调试器里触发VM8标签的出现
代码如下: <html> <script>var code = "{ /* Jerry test generation */; debugger; console.l ...
html怎么用chrome测试,通过chrome调试器测试了解浏览器解析和渲染HTML的过程
基础知识了解chrome的Timeline工具主要过程解析与构建DOM树1外部样式脚本并行加载外部样式会阻塞后续脚本执行直到外部样式加载并解析完毕 2 外部样式不会阻塞后续脚本的加载但会阻塞后续脚 ...
如何在Chrome development tool里查看C4C前台发送的未经 GZIP 压缩之前的请求细节
我们可以在Chrome development tool的network tab里观察到从前台UI发送到后台的HTTP请求: 更多Chrome Development Tool的使用工具请查看我的博客 ...

如何在Chrome调试器里检查嵌套Observable对象

如何在Chrome调试器里检查嵌套Observable对象相关推荐

最新文章

热门文章