Chrome操作指南——入门篇(七)console中的await和log

本文涉及的产品
日志服务 SLS,月写入数据量 50GB 1个月
简介: Chrome操作指南——入门篇(七)console中的await和log

前言


前端与后端的交互,往往充斥着大量的api接口调用,而这些接口调用往往都是异步的,而解决异步问题,无非不是通过promise,就是通过asyncawait


用过promise的应该都知道,往往要进行链式调用。而用asyncawait的,确总要用async给代码进行包裹一层。当然这也无可厚非,但是如果你只想看看这个接口的返回结果或者说是否能够调通的话,这样是稍显繁琐一点的。


如果你试过在浏览器中调用接口的话,你会发现,一切是这么的简洁。


await


我在必应首页随便找了个接口为例:


使用promise:


image.png


使用async:


image.png


看起来不是很简洁,其实在console中是可以直接使用await的,你不需要嵌套async 他会直接帮你处理好。你甚至可以不使用console.log()。


image.png


点击右侧的链接,跳转的源码。


image.png


(async () => {
        res = await fetch('https://cn.bing.com/hp/api/model?FORM=Z9FD1')
        return (await res.json())
    }
)()
复制代码


你会发现,他已经自动的给你包裹好了,甚至你都不用通过log打印,因为他已经给你自动返回了。


console.log()


当你声明一个Object的时候,打印它,并修改,打印,你会发现一个有意思的现象。


const stu = {
    name: 'mike',
    age: 20
}
console.log(stu)
stu.name = 'tom'
stu.age = 22
console.log(stu)
复制代码


image.png


你会发现,他打印的是正常的值,而你点击打印的对象展开的时候,确实引用的值。并且他还会提示Value below was evaluated now.


这一点不得不说,google做的还真是挺贴心的。

相关实践学习
日志服务之使用Nginx模式采集日志
本文介绍如何通过日志服务控制台创建Nginx模式的Logtail配置快速采集Nginx日志并进行多维度分析。
相关文章
|
8天前
|
Java 中间件
SpringBoot入门(6)- 添加Logback日志
SpringBoot入门(6)- 添加Logback日志
43 5
|
4月前
|
SQL Java Serverless
实时计算 Flink版操作报错合集之在写入SLS(Serverless Log Service)时出现报错,该如何排查
在使用实时计算Flink版过程中,可能会遇到各种错误,了解这些错误的原因及解决方法对于高效排错至关重要。针对具体问题,查看Flink的日志是关键,它们通常会提供更详细的错误信息和堆栈跟踪,有助于定位问题。此外,Flink社区文档和官方论坛也是寻求帮助的好去处。以下是一些常见的操作报错及其可能的原因与解决策略。
|
5月前
|
弹性计算 Serverless 应用服务中间件
Serverless 应用引擎操作报错合集之集成sls时出现报错,是什么导致的
Serverless 应用引擎(SAE)是阿里云提供的Serverless PaaS平台,支持Spring Cloud、Dubbo、HSF等主流微服务框架,简化应用的部署、运维和弹性伸缩。在使用SAE过程中,可能会遇到各种操作报错。以下是一些常见的报错情况及其可能的原因和解决方法。
|
6月前
|
分布式计算 DataWorks 关系型数据库
DataWorks操作报错合集之在DataWorks中设置了一个任务节点的调度时间,并将其发布到生产环境,但到了指定时间(例如17:30)却没有产生运行实例和相关日志如何解决
DataWorks是阿里云提供的一站式大数据开发与治理平台,支持数据集成、数据开发、数据服务、数据质量管理、数据安全管理等全流程数据处理。在使用DataWorks过程中,可能会遇到各种操作报错。以下是一些常见的报错情况及其可能的原因和解决方法。
|
3月前
|
Java Shell Linux
【Linux入门技巧】新员工必看:用Shell脚本轻松解析应用服务日志
关于如何使用Shell脚本来解析Linux系统中的应用服务日志,提供了脚本实现的详细步骤和技巧,以及一些Shell编程的技能扩展。
55 0
【Linux入门技巧】新员工必看:用Shell脚本轻松解析应用服务日志
|
3月前
|
XML Java Maven
Spring5入门到实战------16、Spring5新功能 --整合日志框架(Log4j2)
这篇文章是Spring5框架的入门到实战教程,介绍了Spring5的新功能——整合日志框架Log4j2,包括Spring5对日志框架的通用封装、如何在项目中引入Log4j2、编写Log4j2的XML配置文件,并通过测试类展示了如何使用Log4j2进行日志记录。
Spring5入门到实战------16、Spring5新功能 --整合日志框架(Log4j2)
|
4月前
|
Java Serverless 应用服务中间件
函数计算操作报错合集之JVM启动时找不到指定的日志目录,该如何解决
Serverless 应用引擎(SAE)是阿里云提供的Serverless PaaS平台,支持Spring Cloud、Dubbo、HSF等主流微服务框架,简化应用的部署、运维和弹性伸缩。在使用SAE过程中,可能会遇到各种操作报错。以下是一些常见的报错情况及其可能的原因和解决方法。
|
4月前
|
监控 数据管理 关系型数据库
数据管理DMS使用问题之是否支持将操作日志导出至阿里云日志服务(SLS)
阿里云数据管理DMS提供了全面的数据管理、数据库运维、数据安全、数据迁移与同步等功能,助力企业高效、安全地进行数据库管理和运维工作。以下是DMS产品使用合集的详细介绍。
|
3月前
|
Web App开发 监控 前端开发
重磅! Chrome开发者工具入门
重磅! Chrome开发者工具入门
|
4月前
|
Web App开发 前端开发 JavaScript
Chrome插件实现问题之用户在浏览器中输入URL后,浏览器进程会进行什么操作
Chrome插件实现问题之用户在浏览器中输入URL后,浏览器进程会进行什么操作