文末
我一直觉得技术面试不是考试,考前背背题,发给你一张考卷,答完交卷等通知。
首先,技术面试是一个 认识自己 的过程,知道自己和外面世界的差距。
更重要的是,技术面试是一个双向了解的过程,要让对方发现你的闪光点,同时也要 试图去找到对方的闪光点,因为他以后可能就是你的同事或者领导,所以,面试官问你有什么问题的时候,不要说没有了,要去试图了解他的工作内容、了解这个团队的氛围。
前端面试题汇总
JavaScript
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
性能
linux
前端资料汇总
resolve(‘成功’)
}) //这种可以简写为下面那种
p.then(
value => {
console.log(value);// 这里的value上面成功的数据 是 resolve
},
reason => {
console.log(reason);// 这里的reason上面成功的数据 是 reject
}
) //这种可以简写为下面那种
const p = Promise.resolve(‘成功11’) //简写的形式 语法糖
const p1 = Promise.resolve(‘成功了22’)
const p2 = Promise.reject(‘失败了333’)
p.then((resolve) => { console.log(resolve) })
p1.then((resolve) => { console.log(resolve) })
p2.catch((reject) => { console.log(reject) })
// Promise.all
Promise.all 可以把多个回调的结果给组合在一起
const pAll = Promise.all([p, p1, p2])
pAll.then(
value => {
console.log(‘on Resolve’, value);
},
reason => {
console.log(‘on Reject’, reason);
}
)
// Promise.race
Promise.race 谁先反回就是谁 第一个结果就是最终的的结果
const pAll = Promise.race([p2, p, p1,])
// 这里如果吧p2放到第一个执行就是失败放最后一个就是成功
pAll.then(
value => {
console.log(‘on Resolve’, value);
},
reason => {
console.log(‘on Reject’ + reason);
}
)
9、promise关键点 抛出错误信息
const p = new Promise((resolve, reject) => {
throw new Error(‘有错误信息,请处理’)
//1、如何改变promise状态? resolve、 reject 、或者 抛出错误信息或异常 Promise 变成reject状态
})
p.then(
value => {
},
reason => {
console.log(‘1—’ + reason);// 是 错误信息
}
)
p.then(
value => {
},
reason => {
console.log(‘2—’ + reason);// 是 错误信息
}
) //2、 一个promise 指定多个回调函数回调用吗? 当promise 当promise 发生改变时对应的状态都会改变 全部打印
10、改变promise状态和执行回调谁先谁后的问题?下面代码。
1、什么时候得到数据
2、如果先指定的回调,那当状态放生改变,回调函数就会调用,得到数据
3、如果先改变的状态,那当指定回调函数就会调用
new Promise((resolve, reject) => {
setTimeout(() => {
reject(1)//2、后改变状态(同时指定数据),异步执行回调函数
}, 1000);
}).then(//1、先指定回调函数 保存当前指定的回掉函数
value => {
},
reason => {
console.log(‘失败’ + reason);// 是 错误信息
}
)
new Promise((resolve, reject) => {
reject(1)//1、先改变状态(同时指定数据),异步执行回调函数
}).then(//2、后指定回调函数 异步执行回调函数
value => {
},
reason => {
console.log(‘失败’ + reason);// 是 错误信息
}
)
2、同步和异步代码
new Promise((resolve, reject) => {
reject(1)
}).then( // .then 无论成功或失败都是异步的 // 同步的先执行,异步的后执行
value => {
},
reason => {
console.log(‘失败’ + reason);
}
)
console.log(2); // console.log(2)先执行。 console.log(‘失败’ + reason)在输出就是异步的。
11、promise.then()返回的新promise的结果状态由什么决定?
1、简单表达:由then()指定的回调函数执行的结果决定
2、详细表达:
如果抛出异常,新的promise 变成rejected reason为抛出的异常
如果返回的是非promise的任意值,新promise变成resolved ,value 为返回的值
如果返回的是另一个新promise,此promise的结果就会成为新的promise的结果
new Promise((resolve, reject) => {
resolve(1)
// reject(1)
}).then( // then 是由promise 的结果来决定
value => {
console.log(value); //如果这里如果没有抛出异常那么就是相当于return 的一个undefined
// return 2 若果这里return了一个2 那么下面.then里的 value的就是2 不是undefined
// return Promise.resolve(2) // 下面.then里的 value就是2
// return Promise.reject(2) // 下面就执行失败的的回调 .then里的 reason // 2
// throw ‘抛出异常’ //这里抛出异常
},
reason => {
console.log(‘失败’ + reason);
}
).then(// 由上面执行的函数来决定
value => {
console.log(value); // undefined
},
reason => {
console.log(‘失败—’ + reason);
}
)
12、promise 如何串联多个异步操作任务 promise的then返回新promise,可以开启链式调用
1、可以通过then链式调用串联多个同步任务和异步任务
new Promise(resolve => {
setTimeout(() => {
resolve(1)
}, 1000);
}).then(value => {
console.log(value);
return 2
}).then(value => {
console.log(value);
return new Promise(resolve => {
setTimeout(() => {
resolve(3)
}, 1000);
})
}).then(value => {
console.log(value);
})
13、promise异常传透 / 穿透?
当时用promise的then调用时,可以在最后指定失败的回调
当前面任何操作出了异常都会传到最后失败的回调处理
return new Promise(()=>{}) // 这了没结果下面也没结果 pending 中断promise 链
new Promise(resolve => {
resolve(1)
}).then(value => {
console.log(value);
return 2
// reason => { throw reason }
}).then(value => {
console.log(value);
return 3
// reason => { throw reason }
}).then(value => {
console.log(value);
// reason => { throw reason }
// 7、 return new Promise(()=>{}) // 这了没结果下面也没结果 pending 中断promise 链
}).catch((reason) => { // 传透错误是一层一层传的 promise怎么会失败 1、抛出异常 2、reject
console.log(reason);
})
14、async函数和 await函数
注意:
await必须写在async函数中,但async函数中可以没有await
如果await的promise失败了,就会抛出异常,需要通过try…catch来捕获处理
async 函数是一种异步编程的解决方案 它是由promise封装来的
await 能够获取promise执行的结果 await必须和async一起使用才行
我们通常涉及的异步操作有 setInterval setTimeout ajax请求 各种事件等等
1、async 函数
async 函数 的返回值是一个promise对象
promise 对象的结果由async函数执行的返回值决定
async function fn() { // async 函数 的返回值是一个promise对象
return
}
let a = fn()
console.log(a);
2、await 表达式
await 右侧的表达式一般为promise 对象 但也可以是其他的值
如果 表达式是promise对象,await 返回的是promise成功的值
如果表达式是其他的值, 直接将此值作为await的返回值
function fn() {
return new Promise((resolve, reject) => {
setTimeout(() => {
// resolve(123) // a
reject(‘错误’) // 1
}, 1000);
})
}
async function fn1() { // 如果这个函数用了await 必须要用 async
// let fun = await fn() // b
try {// 这是捕获错误的 2
let fun = await fn()
} catch (error) {
console.log(error);
}
// console.log(fun);// c
// 如果 表达式是promise对象,await 返回的是promise成功的值
}
fn1()
function fn() {
return 6666
}
async function fn1() { // 如果这个函数用了await 必须要用 async
let fun = await fn()
// 如果表达式是其他的值,直接将此值作为await的返回值
console.log(fun);
}
fn1()
15、宏队列 、微队列
宏队列 dom事件回调 ajax回调 定时器回调
微队列 Promise回调 mutation回调
js执行时会区分这两个队列
js引擎首先必须执行所有初始化同步代码 微队列执行完在执行宏队列
每次准备取出第一个宏任务执行之前,都要将所有的微任务一个一个取出来执行
下面有代码
setTimeout(() => {
// 加入宏队列
console.log(1);
});
Promise.resolve(3).then((value) => {
// 加入微队列
console.log(value);
})
setTimeout(() => {
console.log(5);
Promise.resolve(6).then((value) => {
// 加入微队列
console.log(value);
})
});
Promise.resolve(2).then((value) => {
// 加入微队列
console.log(value);
setTimeout(() => {
// 加入宏队列
console.log(4);
});
})
// 3 2 1 5 6 4
setTimeout(() => {
console.log(1);
});
new Promise((resolve) => {
console.log(2);
resolve()
}).then(() => {
console.log(3);
}).then(value => {
console.log(4);
后话
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
对于面试,说几句个人观点。
面试,说到底是一种考试。正如我们一直批判应试教育脱离教育的本质,为了面试学习技术也脱离了技术的初心。但考试对于人才选拔的有效性是毋庸置疑的,几千年来一直如此。除非你有实力向公司证明你足够优秀,否则,还是得乖乖准备面试。这也并不妨碍你在通过面试之后按自己的方式学习。
其实在面试准备阶段,个人的收获是很大的,我也认为这是一种不错的学习方式。首先,面试问题大部分基础而且深入,这些是平时工作的基础。就好像我们之前一直不明白学习语文的意义,但它的意义就在每天的谈话间。
所谓面试造火箭,工作拧螺丝。面试往往有更高的要求,也迫使我们更专心更深入地去学习一些知识,也何尝不是一种好事。