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

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

image.pngimage.png

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对象,可以知道它是通过哪些操作得来的呢?


可以。


image.pngimage.pngimage.pngimage.pngimage.png

相关文章
|
2月前
|
Web App开发 前端开发 JavaScript
关于 Angular template 文件在 Chrome 开发者工具调试器里的断点问题
关于 Angular template 文件在 Chrome 开发者工具调试器里的断点问题
|
2月前
|
Web App开发 前端开发 JavaScript
在 Chrome 开发者工具里配置哪些类型的 JavaScript 文件应该被调试器忽略
在 Chrome 开发者工具里配置哪些类型的 JavaScript 文件应该被调试器忽略
|
9月前
|
Web App开发 JavaScript 前端开发
关于 Chrome 开发者工具调试器里的 Anonymous 函数调用栈帧
关于 Chrome 开发者工具调试器里的 Anonymous 函数调用栈帧
|
存储 Web App开发 JavaScript
图解 Google V8 # 04:V8 中的对象表示:怎么利用 Chrome 内存快照去查看对象在内存中是如何布局的?
图解 Google V8 # 04:V8 中的对象表示:怎么利用 Chrome 内存快照去查看对象在内存中是如何布局的?
268 0
图解 Google V8 # 04:V8 中的对象表示:怎么利用 Chrome 内存快照去查看对象在内存中是如何布局的?
|
Web App开发 JavaScript 前端开发
一串最简单的JavaScript代码,在Chrome开发者工具调试器里触发VM8标签的出现
一串最简单的JavaScript代码,在Chrome开发者工具调试器里触发VM8标签的出现
84 0
一串最简单的JavaScript代码,在Chrome开发者工具调试器里触发VM8标签的出现
|
Web App开发 JSON JavaScript
将Chrome调试器里的JavaScript变量保存成本地JSON文件
将Chrome调试器里的JavaScript变量保存成本地JSON文件
223 0
将Chrome调试器里的JavaScript变量保存成本地JSON文件
|
Web App开发 JSON JavaScript
将Chrome调试器里的JavaScript变量保存成本地JSON文件
将Chrome调试器里的JavaScript变量保存成本地JSON文件
204 0
将Chrome调试器里的JavaScript变量保存成本地JSON文件
|
Web App开发 JavaScript 前端开发
一串最简单的JavaScript代码,在Chrome开发者工具调试器里触发VM8标签的出现
一串最简单的JavaScript代码,在Chrome开发者工具调试器里触发VM8标签的出现
一串最简单的JavaScript代码,在Chrome开发者工具调试器里触发VM8标签的出现