首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >前端测试题:(解析)下列异步加载说法正确的是?

前端测试题:(解析)下列异步加载说法正确的是?

作者头像
舒克
发布于 2021-04-23 03:04:08
发布于 2021-04-23 03:04:08
65900
代码可运行
举报
运行总次数:0
代码可运行

考核内容: 异步加载

题发散度: ★★

试题难度:

看看大家的选择

解题:

浏览器在 javascript 的加载方式有两种

一、同步加载

同步模式,又称阻塞模式,会阻止浏览器的后续处理,停止了后续的解析,因此停止了后续的文件加载(如图像)、渲染、代码执行。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<script src="./script.js"></script> 

二、异步加载

异步加载又叫非阻塞,浏览器在下载执行 js 同时,还会继续进行后续页面的处理。ES2017 标准引入了 async 函数,使得异步操作变得更加方便。

  • async表示函数里有异步操作
    • 返回值是 Promise 对象
  • await表示紧跟在后面的表达式需要等待结果。
    • await命令只能出现在 async 函数内部,否则都会报错。
    • 当await右边为一个PromiseState为fulfilled的Promise对象时,则返回其PromiseResult值
    • 当await右边为为一个PromiseResult为rejected的Promise对象时,需要trycatch获取其PromiseResult
    • 如果await右边为一个非Promise对象,则直接返回右边内容

await 后面可以跟任何的JS 表达式。虽然说 await 可以等很多类型的东西,但是它最主要的意图是用来等待 Promise 对象的状态被 resolved。如果await的是 promise对象会造成异步函数停止执行并且等待 promise 的解决,如果等的是正常的表达式则立即执行。

漫话ES6:part9:Promise回调函数和事件

通过以下实例可以看出:异步加载的Javascript代码中允许使用document.write向页面载入内容

在线测试:

答案:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 C. 使用await声明的方法会返回一个Promise对象

注意

ABD有明显的错误,C并不一定只返回Promise对象, await 可以返回其它类型的东西。这道题只能说出的不是很严谨。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-04-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 迈向前端工程师 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
2025最新出炉--前端面试题六
回答: 是的,Nuxt.js 通过服务端渲染(SSR)生成静态 HTML 页面,提升搜索引擎爬虫的抓取效果,具体优化点包括:
全栈若城
2025/02/12
8740
校招前端二面面试题合集
浏览器会将所有的回流、重绘的操作放在一个队列中,当队列中的操作到了一定的数量或者到了一定的时间间隔,浏览器就会对队列进行批处理。这样就会让多次的回流、重绘变成一次回流重绘。
yyds2026
2022/09/12
7520
前端测试题:关于Promise对象的状态,下列说法错误的是?
所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。
舒克
2020/03/12
3K0
前端异步代码解决方案实践(一)
小程序框架提供丰富的原生API,可以方便调起微信提供的能力,如获取用户信息,本地存储,支付功能等。但大多数API为异步调用,需要传递成功或失败回调函数,例如wx.request发起https请求需要在成功或失败回调中书写业务逻辑,这时就很容易会遇到回调地狱问题。另外一方面,错误或异常处理会和业务代码写在一起,代码耦合高。
前朝楚水
2018/07/26
1.5K0
前端测试题:(解析)关于ajax跨域的说法,下面错误的是?
答:Ajax是一种可以在浏览器和服务器之间使用异步数据传输(HTTP请求)的技术。使用它可以让页面请求少量的数据,而不用刷新整个页面。而传统的页面(不使用Ajax)要刷新部分内容,必须重载整个网页页面。
舒克
2020/08/04
1.8K0
前端测试题:(解析)关于ajax跨域的说法,下面错误的是?
异步多图加载这件小事儿(Promise与async)
日常开发过程中,时不时会遇到要同时预加载几张图片,并且等都加载完再干活的情况,结合 Promise 和 async/await 代码会优雅很多,但也容易遇到坑,今天就来简单聊聊。 ES5 先从最基本的 ES5 说起,基本思路就是做一个计数器,每次 image 触发 onload 就加一,达到次数后触发回调函数。 var count = 0, imgs = []; function loadImgs(imgList, cb) { imgList.forEach(function(url,
Bob.Chen
2018/05/02
2.5K0
异步多图加载这件小事儿(Promise与async)
JS高阶(一)Promise
作用:存储对象失败或成功的结果; 修改:resolve、reject 函数可以修改 result 的值;
DioxideCN
2022/08/05
2.6K0
promise知识盲区整理
promise执行器函数中的reslove和reject函数的执行,会改变promise对象的状态,一个是成功,一个是失败,如果没执行者两个函数,那还是未决定状态
大忽悠爱学习
2021/11/15
7130
社招中级前端笔试面试题总结_2023-02-28
Promise本身是同步的立即执行函数, 当在executor中执行resolve或者reject的时候, 此时是异步操作, 会先执行then/catch等,当主栈完成后,才会去调用resolve/reject中存放的方法执行,打印p的时候,是打印的返回结果,一个Promise实例。
var_1024
2023/02/28
4810
有哪些前端面试题是面试官必考的_2023-02-27
这时候就需要使用虚拟列表了 大家自行百度哈 虚拟列表和虚拟表格在日常项目使用还是很频繁的
var_1024
2023/02/27
7290
async/await详解
async/await是ES20717引入的,主要是简化Promise调用操作,实现了以异步操作像同步的方式去执行,async外部是异步执行的,同步是await的作用。
不叫猫先生
2023/11/25
3K0
【JS】2030- 通过可视化彻底搞懂 Promise执行逻辑
JavaScript 中的 Promise 一开始可能会让人感到有些难以理解,但是如果我们能够理解其内部的工作原理,就会发现它们其实是非常易于掌握的。
pingan8787
2024/04/30
4630
【JS】2030- 通过可视化彻底搞懂 Promise执行逻辑
由浅至深了解webpack异步加载背后的原理
1、module:我们源码目录中的每一个文件,在 webpack 中当作module来处理(webpack 原生不支持的文件类型,则通过 loader 来实现)。module组成了chunk。
ACK
2020/02/08
1.7K0
由浅至深了解webpack异步加载背后的原理
前端测试题:有关于js中跨域请求的说法,错误的是?
同源策略/SOP(Same origin policy)是一种约定,由Netscape公司1995年引入浏览器,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个ip地址,也非同源。
舒克
2020/06/02
1.4K0
前端测试题:有关于js中跨域请求的说法,错误的是?
前端异步(async)解决方案(所有方案)[通俗易懂]
javascript是一门单线程语言,即一次只能完成一个任务,若有多个任务要执行,则必须排队按照队列来执行(前一个任务完成,再执行下一个任务)。
全栈程序员站长
2022/09/18
2.7K0
前端异步(async)解决方案(所有方案)[通俗易懂]
前端面试题---JS部分
转载链接:https://blog.csdn.net/qq_54753561/article/details/122149197
用户8087287
2022/10/31
8880
前端面试题---JS部分
Promise与Async/Await:异步编程的艺术
一个Promise对象代表了一个现在、将来或永远可能可用,也可能不可用的值。它有三种状态:pending(进行中)、fulfilled(已成功)或rejected(已失败)。
空白诗
2024/06/14
3330
【面试题】734- 从一道面试题谈谈对 EventLoop 的理解
作者:前端自学驿站,原文链接:https://juejin.im/post/6868849475008331783 前言 因为掘金改版之后对于字数有了一定的限制(亲测了下在12500字左右,所以看到标
pingan8787
2020/10/23
8980
【面试题】734- 从一道面试题谈谈对 EventLoop 的理解
1w5000字概括ES6全部特性
第三次阅读阮一峰老师的《ECMAScript 6 入门》了,以前阅读时不细心,很多地方都是一目十行。最近这次阅读都是逐个逐个字来读,发现很多以前都没有注意到的知识点,为了方便记忆和预览全部ES6特性,所以写下本文。
前端迷
2020/02/25
1.8K0
前端必会面试题总结1
(1)application/x-www-form-urlencoded:浏览器的原生 form 表单,如果不设置 enctype 属性,那么最终就会以 application/x-www-form-urlencoded 方式提交数据。该种方式提交的数据放在 body 里面,数据按照 key1=val1&key2=val2 的方式进行编码,key 和 val 都进行了 URL转码。
loveX001
2022/12/20
4930
相关推荐
2025最新出炉--前端面试题六
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档