前端js必记单词（2022/4/21更新）

目录

一、数组方法(红色字体为vue响应式数组方法)

二、AJAX

AJAX经典四步:

 注解

---

一、数组方法(红色字体为vue响应式数组方法)

• pop()
• 方法从数组中删除最后一个元素，并返回该元素的值。此方法更改数组的长度
• push()
• 方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度。
• sort()
• 方法用冒泡算法对数组的元素进行排序，并返回数组。默认排序顺序是在将元素转换为字符串，然后比较它们的UTF-16代码单元值序列时构建的
• shift()
• 方法从数组中删除第一个元素，并返回该元素的值。此方法更改数组的长度。
• splice()
• 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组
• unshift()
• 方法将一个或多个元素添加到数组的开头，并返回该数组的新长度(该方法修改原有数组)
• reverse()
• 方法将数组中元素的位置颠倒，并返回该数组。数组的第一个元素会变成最后一个，数组的最后一个元素变成第一个。该方法会改变原数组。
• indexOf()
• 方法返回数组中满足提供的测试函数的第一个元素的索引。若没有找到对应元素则返回-1。

二、AJAX

AJAX经典四步:

1. 新建一个XMLHttpRequest对象。
2. open方法表示初始化请求，此时并没有发送。
3. 定义数据返回后的回调函数，里面的代码在readystatechange值改变的时候执行。
4. 发送请求。

   const xhr = new XMLHttpRequest()
   		xhr.open("GET", "http://poetry.apiopen.top/sentences")
   		xhr.responseType = "json" // 默认返回json对象
   		xhr.onreadystatechange = function () {
   			if (xhr.readyState === 4) {
   				if (xhr.status >= 200 && xhr.status < 300) {
   					console.log(xhr.response)
   				} else {
   					console.log(xhr.status)
   				}
   			}
   		}
   		xhr.send()

•  XMLHttpRequest（）        
• 对象用于与服务器交互。通过 XMLHttpRequest 可以在不刷新页面的情况下请求特定URL，获取数据。这允许网页在不影响用户操作的情况下，更新页面的局部内容。
• responseType 

• 属性 responseType 是一个枚举字符串值，用于指定响应中包含的数据类型。它还允许作者更改响应类型。如果将 responseType 的值设置为空字符串，则会使用 text 作为默认值。

• readyState 

属性返回一个 XMLHttpRequest  代理当前所处的状态。一个 XHR 代理总是处于下列状态中的一个：

•  status 

• 只读属性 XMLHttpRequest.status 返回了XMLHttpRequest 响应中的数字状态码。status 的值是一个无符号短整型。在请求完成前，status的值为0。值得注意的是，如果 XMLHttpRequest 出错，浏览器返回的 status 也为0。status码是标准的HTTP status codes。举个例子，status 200 代表一个成功的请求。如果服务器响应中没有明确指定status码，XMLHttpRequest.status 将会默认为200。

• response

• 呈现了对一次请求的响应数据。你可以使用 Response.Response() 构造函数来创建一个 Response 对象，但通常更可能遇到的情况是，其他的API操作返回了一个 Response 对象。例如一个service worker 的 Fetchevent.respondWith，或者一个简单的 GlobalFetch.fetch()。

• send() 一定要知道是异步的

• XMLHttpRequest.send() 方法用于发送 HTTP 请求。如果是异步请求（默认为异步请求），则此方法会在请求发送后立即返回；如果是同步请求，则此方法直到响应到达后才会返回。XMLHttpRequest.send() 方法接受一个可选的参数，其作为请求主体；如果请求方法是 GET 或者 HEAD，则应将请求主体设置为 null。

  如果没有使用 setRequestHeader() 方法设置 Accept 头部信息，则会发送带有 "* / *" 的Accept 头部。

---

 注解

代码解释均来自MDN