前端JS面试题-Ajax执行过程和自执行函数

前端JS面试题-Ajax执行过程和自执行函数几乎每一个前端开发者在面试过程中都会被问到 Javascript 部分的问题 现在前端框架层出不穷 对于 Ajax 请求也都是直接封装好 我们只要会用就

大家好,欢迎来到IT知识分享网。

前言

前端JS面试题-Ajax执行过程和自执行函数

Javascript

题目1-Ajax执行流程

现在前端框架层出不穷,对于Ajax请求也都是直接封装好,我们只要会用就行。但是在面试的过程中往往会考察基础知识,让你去说出Ajax请求的原始模样,接下来我们就看看它的原始执行过程吧。

  • 创建XMLHttpRequest对象

由于浏览器的差异性,创建Ajax对象时需要用到不同的方法。

前端JS面试题-Ajax执行过程和自执行函数

创建XMLHttpRequest对象

  • 发送请求

当成功创建一个XMLHttpRequest对象后,便可以发送Ajax请求,这里同样提供一个封装后的方法。

前端JS面试题-Ajax执行过程和自执行函数

发送请求

  • 执行回调函数

在回调函数中,通过readyState和status来判断请求是否成功。其中readyState的值所表示的不同意义如下图所示。

前端JS面试题-Ajax执行过程和自执行函数

readyState值

我们可以看看回调函数中的一些常用写法。

前端JS面试题-Ajax执行过程和自执行函数

回调函数

题目2-自执行函数

  • 什么是自执行函数?
  • 自执行函数的好处

自执行函数写法

首先我们来看这样一种写法。

前端JS面试题-Ajax执行过程和自执行函数

写法1

正确的写法其实是以下几种。

  • 在最前最后加上括号

前端JS面试题-Ajax执行过程和自执行函数

正确写法1

但是这种写法有一个隐藏缺陷,就是对于某些不喜欢在代码行末尾加分号的开发者来说,会产生一些bug。

前端JS面试题-Ajax执行过程和自执行函数

隐藏bug

  • function外加括号

前端JS面试题-Ajax执行过程和自执行函数

正确写法2

上述写法相比于写法1,更易于理解,可以简单的理解为左边定义函数,右边执行函数。但是少了一些代码整体性的好处。

  • 使用运算符(!, +)或者void关键字

以下这三种方法都是对的。

前端JS面试题-Ajax执行过程和自执行函数

正确写法3

总结

今天这篇文章主要讲解了两道常见的Javascript面试题,看看你都能回答的上来吗?

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/45900.html

(0)
上一篇 2026-03-13 19:10
下一篇 2023-01-03 09:55

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信