前端面试题
1、盒子塌陷的原因？解决方式
原因: 1. 浮动导致的塌陷,浮动会脱落标准流
2. 嵌套的两个盒子,子盒子设置margin-top会导致父盒子一下下移
解决方法:第一种情况 1 清除浮动; 2 给父盒子加高度; 3 给父元素添加overflow:hidden
第一种情况 1 给父元素加上边框; 2 给父元素添加overflow:hidden2、不定宽高的div水平垂直居中
答: 1、父元素添加 position: relative
div{
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
2、div {
display: flex;
justify-content:center; //子元素水平居中
align-items:center; //子元素垂直居中
}
3、#box {
width: 100px;
height: 100px;
position: relative;
}
#content {
width: 50px;
height: 50px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}3、css写一个三角形
答: div {
width: 0;
height: 0;
border: 20px solid transparent;
border-width: 40px 20px 0 0;
border-right-color: #f99;
}4、css选择器的优先级
答: !important>行内样式>id选择器>类/属性/伪类选择器>伪元素/标签选择器>通配符选择器*5、px、em和rem的区别
答: px是固定单位,
em是相对单位,相当于当前文字的大小,如果没有就找父元素
rem也是相对单位,相对于html的fontsize的大小6、什么是重绘和重排
答:
重排: 当DOM元素影响了元素的几何属性（例如宽和高），浏览器需要重新计算元素的几何属性，同样其它元素的几何属性也会和位置也会因此受到影响。浏览器会使渲染树中受到影响的部分失效，并重新构造渲染树。这个过程称为“重排”。
重绘: 完成重排后，浏览器会重新绘制受影响的部分到屏幕上中，该过程称为“重绘”。
当我们改变DOM的大小，增加删除都会导致重排，当给DOM元素改变颜色的时候，会导致重绘，重排一定会重绘，重绘不会重排。重排会影响性能，所以我们尽快能的减少重排的操作7、flex常用的容器属性
答:
1. flex-direction: 设置容器中的主轴方向//默认是row x轴 设置为y轴column
2. flex-wrap: 项目在主轴方向上是否换行显示//wrap,nowrap
3. justify-content: 设置容器中的项目在主轴上的对齐方式//居中center,space-between两边贴边再平分属于空间
4. align-items: 单行项目在侧轴上的排列方式
5. align-content: 多行项目侧轴上的对齐方式
6. flex-flow: 是flex-direction和flex-wrap的合写, 默认值为row nowrap8、如何设置比12px更小的字体
答:
p {
font-size:12px;
-webkit-transform:scale(0.8);
}9、H5新增了那些特性
答:
1. 语义化标签: header nav section article aside footer
为了让这些块及元素在所有版本的浏览器中生效，你需要在样式表文件中设置一下属性 (以下样式代码可以让旧版本浏览器支持本章介绍的块级元素):
header, section, footer, aside, nav, article, figure
{display: block;}
2. 多媒体标签: video audio//如果浏览器不支持自动播放 在属性中添加autoplay
3. 表单控件: number search email tel date file time url
4. 本地离线存储 localStorage 长期存储数据,改变浏览器数据不会丢失
sessionStorage 浏览器关闭数据会丢失
5. 自定义属性 data-*
6. 画布 Canvas:
canvas 和 image 在处理图片的时候有什么区别?
image 是通过对象的形式描述图片的,canvas 通过专门的 API 将图片绘制在画布上
7. 拖拽释放 (Drap and Drap) API ondrop
8. 新的技术文本 webworker,Geolocation) API,WebSocket
9. 地理位置 (Geolocation) API
10.WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据
11.web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。10、C3新增了那些特性
答:
1. 圆角 border-radius
2. 盒子模型 box-sizing
3. 阴影 box-shadow 盒子阴影 text-shadow 文字阴影
4. 过渡 transition
5. 2D转换transform : translate(平移) scale(缩放) skew(斜切) rotate(旋转) transform-origin 控制转换中心点
6. 3D转换 perspective(透视距) transform-style(3D控件效果)
7. 渐变 linear-gradient radial-gradient
8. 弹性布局 flex
9. 媒体查询 @media screen and () {...}
10. 边框图片 border-image
11. 自定义动画 @keyframes animation
12. 颜色 新增RGBA HSLA模式
13. 背景 background-size background-origin (相对于内容框来定位背景图像：) background-clip(指定绘图区的背
景：)11、js的数据类型有哪些
答: 简单数据类型: number string boolean undefined null
复制数据类型: object function array12、typeof返回的数据类型
答: number string boolean undefined object function
特殊情况：
typeof null -->object
typeof array -->object
typeof typeof 任何类型 -->string13、返回false的情况有哪些
答: 0 "" null false NaN undefined 不成立的表达式14、对this的理解
this指向以及改变this指向的方法:
this是个关键字,它的指向和函数的调用方式有关
函数的调用方式决定了 this 的指向不同：
1.普通函数调用，此时this指向window
2.构造函数调用此时this指向实例对象
3.对象方法调用，此时this指向该方法所属的对象
4.通过事件绑定的方法，此时this指向绑定事件的对象
5.定时器函数，此时this指向window
更改this指向指向的三个方法
call()
apply()
bind()
call和apply方法中, this指向方法内的第一个参数,
bind()创建的是一个新的函数（称为绑定函数），与被调用函数有相同的函数体，当目标函数被调用时this的值绑定到 bind()的第一个参数上
bind方法中, bind创建的新函数的this绑定为bind方法中新的函数
call方法可以传给该函数的参数分别作为自己的多个参数，而apply方法必须将传给该函数的参数合并成一个数组作为自己的一个参数
6.箭头函数中没有this指向问题,它的this和外层作用域的this保持一致
7.匿名函数中的this总是指向window15、new操作符做了什么
答: 1. 创建一个新对象
2. 函数内部的this指向这个对象
3. 执行函数体
4. 自动返回这个函数
new操作符新建了一个空对象，这个对象原型指向构造函数的prototype，执行构造函数后返回这个对象
1、创建一个空的对象
2、链接到原型
3、绑定this指向，执行构造函数
4、确保返回的是对象16、什么是深拷贝什么是浅拷贝
答: 浅拷贝: 拷贝对象的一层属性,如果对象里面还有对象,拷贝的是地址, 两者之间修改会有影响,适用于对象里面属性的值是简单数据类型的.
深拷贝: 拷贝对象的多层属性,如果对象里面还有对象,会继续拷贝,使用递归去实现.17、如何实现深拷贝和浅拷贝
答:
浅拷贝:
var obj = {
class: 'UI',
age: 20,
love: 'eat'
}
function getObj(obj) {
var newObj = {}
for (var k in obj) {
newObj[k] = obj[k]
}
return newObj
}
var obj2 = getObj(obj)
console.log(obj2)
深拷贝:
var obj = {
class: '前端',
age: 26,
love: {
friuts : 'apple',
meat: 'beef'
}
}
function getObj(obj) {
var newObj = {}
for (var k in obj) {
/* if (typeof obj[k] == 'object') {
newObj[k] = getObj(obj[k])
} else {
newObj[k] = obj[k]
} */
newObj[k] = typeof obj[k] == 'object' ? getObj(obj[k]) : obj[k]
}
return newObj
}
var obj2 = getObj(obj)
console.log(obj2)
深拷贝最简单的方法：
最简单的方法就是JSON.parse(JSON.stringify（））
function deepCopy(o) {
return JSON.parse(JSON.stringify(o))
}
var c = {
age: 1,
name: undefined,
sex: null,
tel: /^1[34578]\d{9}$/,
say: () => {
console.log('hahha')
}
}
// { age: 1, sex: null, tel: {} }
需要注意的是：这种拷贝方法不可以拷贝一些特殊的属性（例如正则表达式，undefine，function）18、对闭包的理解？并能举出闭包的例子
答: 闭包 函数和声明该函数的词法环境的组合(两个嵌套关系的函数,内部函数可以访问外部函数定义的变量)
闭包的优点：1、形成私有空间，避免全局变量的污染
2、持久化内存，保存数据
闭包的缺点：1、持久化内存，导致内存泄露
解决：1、尽快避免函数的嵌套，以及变量的引用
2、执行完的变量，可以赋值null，让垃圾回收机制，进行回收释放内存（当不在引用的变量，垃圾回收机制就会回收）
例: 点击li获取当前下标
<ul>
<li>111</li>
<li>222</li>
<li>333</li>
<li>444</li>
<li>555</li>
</ul>
var lis = document.querySelectorAll('li')
for (var i = 0; i < lis.length; i++) {
(function (j) {
lis[j].onclick = function () {
console.log(j)
}
})(i)
}19、什么是原型和原型链
答: 原型: 函数都有prototype属性,这个属性的值是个对象,称之为原型
(每当定义一个函数数据类型，就会天生自带一个prototype属性，这个属性指向函数的原型对象)
原型链: 对象都有__proto__属性,这个属性指向它的原型对象,原型对象也是对象,也有__proto__属性,指向原型对象的原型对象,这样一层一层形成的链式结构称为原型链.20、call、apply和bind的区别
答: 1. call和apply方法都可以调用函数,方法内的第一个参数可以修改this的指向
2. call方法可以有多个参数,除了第一个参数,其他参数作为实参传递给函数
apply方法最多有2个参数,第二个参数是个数组或伪数组,数组里面的每一项作为实参传递给函数
3. bind方法不能调用函数,它会创建一个副本函数,并且绑定新函数的this指向bind返回的新的函数21、和=的区别
答：== 表示是相等，只比较内容
=== 表示是全等，不仅比较内容，也比较类型22、es6-es10新增常用方法
答:
es6:
1、let、const
都是块级作用域，以{}代码块作为作用域范围只能在代码块内使用，没有变量的提升
const 声明的是一个只读常量，在声明时就需要赋值.
2、解构赋值 let { a, b } = { a: 1, b: 2 }
3、箭头函数:函数名=(形参)=>{……} 当函数体中只有一个表达式时，{}和 return 可以省 略
当函数体中形参只有一个时，()可以省略。
特点:
箭头函数中的 this 始终指向箭头函数定义时的离 this 最近的一个函数，如果没有最 近的函数就指向 window。
4、字符串模板
5、扩展运算符
6、数组方法：map、filter等等
7、类：class关键字
8、promise:了解决异步处理回调地狱(也就是循环嵌套的问题)而产生的.
Promise 构造函数包含一个参数和一个带有 resolve（解析）和 reject（拒绝）两个参数的 回 调。在回调中执行一些操作（例如异步），如果一切都正常，则调用 resolve，否则调用
reject。 对于已经实例化过的 Promise 对象可以调用 Promise.then() 方法，传递 resolve 和
reject 方法作为回调。then()方法接收两个参数：onResolve 和 onReject，分别代表当前
Promise 对 象在成功或失败时.
Promise 的 3 种状态:
Fulfilled 为成功的状态，Rejected 为失败的状态，Pending 既不是 Fulfilld 也不是
Rejected 的状态，可以理解为 Promise 对象实例创建时候的初始状态
9、函数参数默认值 fn(a = 1) {}
10、对象属性简写 let a = 1; let obj = {a}
11、模块化：import--引入、exprot default--导出
es7:
1、includes()方法，用来判断一个数组是否包含一个指定的值，根据情况，如果包含则返回true，否则返回false。
es8:
1、async/await
es9：
1、Promise.finally() 允许你指定最终的逻辑
es10:
1、数组Array的flat()和flatmap()
flat:方法最基本的作用就是数组降维
var arr1 = [1, 2, [3, 4]];
arr1.flat();
// [1, 2, 3, 4]
var arr3 = [1, 2, [3, 4, [5, 6]]];
arr3.flat(2);
// [1, 2, 3, 4, 5, 6]
//使用 Infinity 作为深度，展开任意深度的嵌套数组
arr3.flat(Infinity);
// [1, 2, 3, 4, 5, 6]
flatmap:方法首先使用映射函数映射(遍历)每个元素，然后将结果压缩成一个新数组23、怎么理解函数的防抖和节流
答:
1、定义：
防抖: 就是指触发事件后在n秒内函数只能执行一次，如果在n秒内又触发了事件，则会重新计算函数执行时间。
例如：设定1000毫秒执行，当你触发事件了，他会1000毫秒后执行，但是在还剩500毫秒的时候你又触发了事件，那就会重新开始1000毫秒之后再执行
节流: 就是指连续触发事件但是在设定的一段时间内中只执行一次函数。
例如：设定1000毫秒执行，那你在1000毫秒触发在多次，也只在1000毫秒后执行一次
2、防抖和节流的实现：
<body>
<input type="text" class="ipt" />
<script>
var timerId = null
document.querySelector('.ipt').onkeyup = function () {
// 防抖
if (timerId !== null) {
clearTimeout(timerId)
}
timerId = setTimeout(() => {
console.log('我是防抖')
}, 1000)
}
document.querySelector('.ipt').onkeyup = function () {
// 节流
console.log(2)
if (timerId !== null) {
return
}
timerId = setTimeout(() => {
console.log('我是节流')
timerId = null
}, 1000)
}
</script>
</body>24、什么是事件流
答: 事件流是指事件传播的顺序,由事件捕获 => 目标事件 => 事件冒泡25、如何阻止冒泡和默认行为
答: 阻止冒泡和捕获 e.stopPropagation()
阻止默认行为 e.preventDefault() return false
注意：addEventListener注册的事件，在高浏览器版本中，return false将没有效果，必须要用事件对象26、原生注册事件的方式有哪些？区别是什么
答: 注册方式
1. on + 事件名称
2. addEventListener
区别:
1. 使用】件,同一个元素只能注册一个同类型事件,否则会覆盖。
2. addEventListener可以注册同一事件多次,不会被覆盖。27、http和https的区别
答:
1.https协议需要到CA申请证书，一般免费证书较少，因而需要一定费用。
2.http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl/tls加密传输协议。
3.http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。
4.http的连接很简单，是无状态的；HTTPS协议是由SSL/TLS+HTTP协议构建的可进行加密传输、身份认证的网络协议，比http协议安全。28、get 和post的区别
答: get
1. 在url后面拼接参数,只能以文本的形式传递数据
2. 传递的数据量小,4KB左右
3. 安全性低, 会将数据显示在地址栏
4. 速度快,通常用于安全性要求不高的请求
5. 会缓存数据
post
1. 安全性比较高
2. 传递数据量大,请求对数据长度没有要求
3. 请求不会被缓存,也不会保留在浏览器历史记录里29、项目中遇到的状态码有哪些
答: 200 请求成功, 2开头的异步表示请求成功
304 请求被允许,但请求内容没有改变, 3开头的一般请求完成
400 请求格式错误, 4开头的一般表示请求错误
404 请求的资源(网页)不存在,
500 内部服务器错误, 5开头的一般都是指服务器错误30、jsonp的原理？以及优缺点
答: 原理: 利用script标签的src属性具有天然可跨域的特性，由服务端返回一个预先定义好的Javascript函数的调用，并且将服务器数据以该函数参数的形式响应给浏览器.
优点: 完美解决在测试或者开发中获取不同域下的数据,用户传递一个callback参数给服务端，然后服务端返回数据时会将这个callback参数作为函数名来包裹住JSON数据，这样客户端就可以随意定制自己的函数来自动处理返回数据了。
缺点：Jsonp只支持get请求而不支持post 请求,也即是说如果想传给后台一个json 格式的数据,此时问题就来了, 浏览器会报一个http状态码41错误,告诉你请求格式不正确.31、什么是同源策略？怎么解决跨域问题
答: 同源策略: 同源策略是浏览器的一种安全策略, 所谓同源是指域名、协议、端口完全相同，不同源则跨域。
解决跨域的方法:
1. 通过jsonp跨域
2. 跨域资源共享（CORS Access-Control-Allow-Origin: http://api.bob.com）
3. nginx代理跨域32、页面通信的方式有哪些
答: 1. 通过url拼接地址
2. H5本地存储33、null和undefined的区别
答：null 表示空值 没有获取到。typeof null 返回"object"
undefined 表示未定义，声明没有值。typeof undefined 返回"undefined"34、Json字符串和json对象怎么相互转换
答: JSON对象转JSON字符串: json.stringify(对象)
JSON字符串转JSON对象: json.parse(字符串)35、怎么理解同步和异步
1、javascript是单线程。单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。如果前一个任务耗时很长，后一个任务就不得不一直等着。于是就有一个概念——任务队列。
2、所有任务可以分成两种，一种是同步任务（synchronous），另一种是异步任务（asynchronous）。同步任务指的是，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；异步任务指的是，不进入主线程、而进入"任务队列"（task queue）的任务，只有等主线程任务执行完毕，"任务队列"开始通知主线程，请求执行任务，该任务才会进入主线程执行。36、localStorage、sessionStorage和cookie的区别
答: 共同点: 都是保存在浏览器端，且同源的。
区别:
1. 请求不同:
cookie 数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。
sessionStorage 和 localStorage不会自动把数据发给服务器，仅在本地保存。
2. 存储大小限制也不同:
cookie 数据不能超过4k，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识。
sessionStorage 和 localStorage虽然也有存储大小的限制，但比cookie大得多，sessionStorage约5M、localStorage约5M 。
3. 数据有效期不同:
sessionStorage：仅在当前浏览器窗口关闭前有效，自然也就不可能持久保持；
localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；
cookie只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。
4. 作用域不同:
sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面；
localStorage在所有同源窗口中都是共享的；
cookie也是在所有同源窗口中都是共享的。37、你对WebSocket了解哪些
答: WebSocket 是HTML5一种新的协议。它实现了浏览器与服务器全双工通信，能更好的节省服务器资源和带宽并达到实时通讯，它建立在TCP之上，同HTTP一样通过TCP来传输数据，但是它和HTTP最大不同是：
1. WebSocket是一种双向通信协议，在建立连接后，WebSocket服务器和Browser/Client Agent都能主动的向对方发送或接收数据，就像Socket一样；
2. WebSocket需要类似TCP的客户端和服务器端通过握手连接连接成功后才能相互通信。38、js的运行机制是什么
答：js是单线程执行的，页面加载时，会自上而下执行主线程上的同步任务，当主线程代码执行完毕时，才开始执行在任务队列中的异步任务。具体如下
1.所有同步任务都在主线程上执行，形成一个执行栈。
2.主线程之外，还存在一个"任务队列(eventloop队列或者消息队列)"。只要异步任务有了运行结果，就在"任务队列"之中放置一个事件。
3.一旦"执行栈"中的所有同步任务执行完毕，系统就会读取"任务队列"，看看里面有哪些事件。哪些对应的异步任务，于是结束等待状态，进入执行栈，开始执行。
4.主线程不断重复上面的第三步。39、怎么理解面向对象
答：1、面向对象是一种软件开发的思想和面向过程是相对应的，就是把程序看作一个对象，将属性和方法封装其中，以提高代码的灵活性、复用性、可扩展性。
2、面向对象有三大特性：封装、继承、多态。
封装：把相关的信息（无论数据或方法）存储在对象中的能力
继承：由另一个类（或多个类）得来类的属性和方法的能力
多态：编写能以多种方法运行的函数或方法的能力
3、js中对象是一个无序的数据集合或者也可以说是属性和方法的集合，可以动态的添加属性可方法。
4、js是基于对象，但是也使用了嵌入了面向对象的思想，可以实现继承和封装，这样也可以提供代码的灵活性和复用性。40、如何清除浏览器的缓存
答: 当我们请求的地址相同的时候，浏览器为了提高性能，会把相同地址的数据进行缓存。如果服务端的数据发生改变，客户端也不会更新，那就需要清除缓存
解决：在url后面加时间戳
例如：https://www.baidu.com?time=New Date()41、token的作用是什么
答: token是服务端生成的“令牌”，来标识不同身份的
1. 防止表单重复提交
2.判断用户是否登录42、列举echarts常用的配置项，说明含义
答: 图表标题 title
图例 legend
值域 dataRange
提示框 tooltip
区域缩放控制器 dataZoom
网格 grid
类目轴 categoryAxis
值型坐标轴默认参数 valueAxis
柱形图默认参数 bar
折线图默认参数 line
散点图默认参数 scatter
饼图默认参数 pie
默认标志图形类型列表 symbolList
可计算特性配置, 孤岛, 提示颜色 calculable43、git如何管理一个项目
答: 1、git init初始化git仓库（新项目才有这一步）
2、git clone将远程仓库的项目资料下载下来
3、git checkout -b dev (dev 为本地分支名）
4、git add .将工作区文件存在暂存区
4、git commit -m ""从暂存区存到仓储区
5、git checkout master切到master分支
6、git merge dev 合并分支,合并后要将分支删除
7、使用git push将其上传到远程仓库
8、第二上班，先pull一下，更新最新代码44、介绍一下你们公司的开发流程（自己理解，形成自己的东西）
答: （这是最基础的流程，自己理解，形成自己的东西）
1、项目确定下来后
2、先分配确定开发人员,然后产品会召集相关开发人员一起开一个项目分析会
3、接着就项目立项了,项目立项会形成一个prd,确定开发周期
4、然后就进入开发阶段了,在开发一段时间会进行前后端联调
5、功能完成后会先进行冒烟测试,检查是否有阻塞缺陷
6、开发全部结束就进入测试阶段
7、测试通过就可以上线了,上线之后会有一个回归测试，检查有没有影响以前的功能，保证全流程没有问题45、在地址栏输入网址，到数据返回的过程是什么？
答: 1. 输入url地址后，首先进行DNS解析，将相应的域名解析为IP地址。
2. 根据IP地址去寻找相应的服务器。
3. 与服务器进行TCP的三次握手，建立连接。
4. 客户端发送请求，找到相应的资源库。
5. 客户端拿到数据，进行相应的渲染。46、原生 ajax 请求的步骤
答：1.创建异步对象 var xhr = new HTMLHttpRequest()
2.设置请求行 xhr.open()
3.设置请求头 xhr.setRequestHeader() get请求没有请求头
4.设置请求体 xhr.send get请求没有请求体,参数为null
5.监视异步对象的状态变化 xhr.onreadystatechange(){}47、伪数组和真数组的区别
伪数组：
1、拥有length属性
2、不具有数组的方法
3、伪数组是一个Object，真数组是Array
4、伪数组的长度不可变，真数组的长度是可变的48、那些情况会得到伪数组
1、参数 arguments，
2、DOM 对象列表（比如通过 document.getElementsByTags 得到的列表）、childNodes也是伪数组
3、jQuery 对象（比如 $("div")）49、伪数组怎么转换为真数组
1、let newArr = Array.protype.slice.call(伪数组)
2、let newArr = Array.from(伪数组),ES6的新语法
3、let newArr = [...伪数组]，使用扩展运算符,也是ES6的语法50、let、const、var的区别
1、var声明变量存在提升（提升当前作用域最顶端），let和const是不存在变量提升的情况
2、var没有块级作用，let和const存在块级作用域
3、var允许重复声明，let和const在同一作用域不允许重复声明
4、var和let声明变量可以修改，const是常量不能改变51、异步函数有哪些
JavaScript 中常见的异步函数有：定时器，事件和 ajax 等52、什么是promise，特点是什么
首先，它是一个对象，也就是说与其他JavaScript对象的用法，没有什么两样；其次，它起到代理作用（proxy），充当异步操作与回调函数之间的中介。它使得异步操作具备同步操作的效果，使得程序具备正常的同步运行的流程，回调函数不必再一层层嵌套。
简单说，它的思想是，每一个异步任务立刻返回一个Promise对象，由于是立刻返回，所以可以采用同步操作的流程。这个Promises对象有一个then方法，允许指定回调函数，在异步任务完成后调用。
特点：
1、Promise对象只有三种状态。
异步操作“未完成”（pending）
异步操作“已完成”（resolved，又称fulfilled）
异步操作“失败”（rejected）
异步操作成功，Promise对象传回一个值，状态变为resolved。
异步操作失败，Promise对象抛出一个错误，状态变为rejected。
2、promise的回调是同步的，then是异步的
3、可以链式调用53、promise的方法有哪些，能说明其作用
原型上的方法：
1、Promise.prototype.then()
1）作用是为 Promise 实例添加状态改变时的回调函数。接受两个回调函数作为参数。第一个回调函数是Promise对象的状态变为resolved时调用，第二个回调函数是Promise对象的状态变为rejected时调用。其中，第二个函数是可选的，不一定要提供。
2）返回的是另一个Promise对象，后面还可以接着调用then方法。
2、Promise.prototype.catch()
1）用于指定发生错误时的回调函数。
2）返回的也是一个 Promise 对象，因此还可以接着调用then方法
3、Promise.prototype.finally()
1）finally方法用于指定不管 Promise 对象最后状态如何，都会执行的回调函数。
2）finally方法的回调函数不接受任何参数，这意味着没有办法知道，前面的 Promise 状态到底是fulfilled还是rejected。
自身API:
1、Promise.resolve()
1）不带参数传递 — 返回一个新的状态为resolve的promise对象
2）参数是一个 Promise 实例— 返回 当前的promise实例
2、Promise.reject()
1)返回的是一个值
2）返回的值会传递到下一个then的resolve方法参数中
3、Promise.all()
1）并行执行异步操作的能力
2）所有异步操作执行完后才执行回调
4、Promise.race()
1）那个结果返回来的快就是，那个结果，不管结果是成功还是失败54、async和await是干什么的
1、async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成。
2、await 只能出现在 async 函数中。
3、async 函数返回的是一个 Promise 对象，后面可以用then方法。
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
