如何在Chrome调试器里检查嵌套Observable对象
时间:2022-07-26
本文章向大家介绍如何在Chrome调试器里检查嵌套Observable对象,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
在Slack的preference里, 可以设置当别人发送包含有指定内容关键字的文本信息时,自动高亮提示,关键字大小写不敏感。
一个例子:
举个例子,看如下这个嵌套的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处理过:
- Android之MaterialDesign应用技术
- 蛙啊!老母亲给你整理了DEDECMS漏洞集合,快回家!
- Android之Bmob移动后端云服务器
- golang基于redis lua封装的优先级去重队列
- Java设计模式总汇二(小白也要飞)
- Java设计模式总汇一
- Android数据绑定技术二,企业级开发
- Android数据绑定技术一,企业级开发
- 工具| sqlmap payload修改之路(下)
- Retrofit网络请求库应用02——json解析
- Servlet与Jsp的结合使用实现信息管理系统二
- Retrofit网络请求库应用01
- 有限状态机FSM的原理与GO的实现
- io.Reader 解析
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 动态计算图
- 给库加上酷炫的小徽章 & ava、codecov、travis 示例
- 张量的结构操作
- GitHub Actions 指南
- 面试进阶-数据库中的锁
- (译)针对 Kubernetes 工作负载的策略工具
- 又被逼着优化代码,这次我干掉了出入参 Log日志
- 想去看机会?这10道最高频的手撕代码题都会了吗?
- 你知道Python中的4种变量作用域是哪些吗?
- 图解 Python 浅拷贝与深拷贝
- 打卡群刷题总结0716——不同路径
- 原理 + 代码|手把手教你用Python实现智能推荐算法
- 机器学习必刷题-基础概念篇(1):为什么用AUC做评价指标?
- 机器学习必刷题-手撕推导篇(3):FM与softmax
- Python面试必刷题系列(4)