面试题的总结与解答

2019-08-12  本文已影响0人  orange_9706

1,js中this指向的理解

在js面向对象编程里我们避免不了使用this,所以理解this指向对于在面向对象编程 中是很有必要的
判断当前this指向的步骤,
1,函数是否是new中调用,如果是,则this绑定在新创建的这个对象上
2,是否使用了call,bind,appliy,如果是的话则this绑定在传入的那个函数当中
3,是否是在某个上下文对象中调用(隐式调用),如果是则this绑定是那个上下文对象,如aa.bb(),bb函数中的this绑定的就是aa
4,如果是箭头函数,则this继承的是外层代码块中的this
5, 以上都不是的话,则在严格模式下,this就是undifined,非严格模式下,this是window。
6,如果bind,call,appliy传入的参数是null或者undifined的话,那么this的指向就跟5是一样的
推荐文章:https://juejin.im/post/5c96d0c751882511c832ff7b

call、bind、apply的相同点与不同点

相同点:
1,都是用来改变函数this指向的
2,第一个参数都是用来指定this指向的上下文、
3,都可以利用后续参数传参
不同点:
1,bind的调用不可以直接调用必须,bind方法返回的仍然是一个函数,因此后面还需要()来进行调用才可以,call跟apply都可以直接调用
bind 是返回对应函数,便于稍后调用;apply 、call 则是立即调用
2,call的传参方式是一个一个的传,列如x.call(this,a1,a2)
3, apply的传参方式是数组,例如x.apply(this,[a1,a2]);
4, bind的传参方式是x.bind(this,a1,a2)()还可以是x.bind(this)(a1,a2);
推荐文章:https://segmentfault.com/a/1190000016705780
https://juejin.im/post/5a9640335188257a7924d5ef

虚拟DOM与diff算法

虚拟DOM:
Diff算法:
推荐文章:https://www.jianshu.com/p/616999666920
https://juejin.im/entry/5aedcfa351882506a36c664c

Async/await 和 Promise 区别

相同点:两者都是用来处理异步函数问题
区别:
1,Async/await是在建立在promises上的,async函数对 Generator 函数的改进
2,Async/await比promises语法上更加简洁,看起来像是同步代码,
Promise的用法:
function timeout(ms) {
return new Promise((resolve, reject) => {
setTimeout(resolve, ms, 'done');
});
}
timeout(100).then((value) => {//then方法是可以接受resolved状态和rejected状态两个参数的
console.log(value);
}).catch(err=>{ //接受错误信息的参数
console.log(err)
});
Promise实例生成以后,可以用then方法分别指定resolved状态和rejected状态的回调函数。
Promise.all() 方法用于将多个 Promise 实例,包装成一个新的
如:const p = Promise.all([p1, p2, p3]);,p的状态只有当p1,p2,p3都成功p的状态才为成功,否则为失败
Promise.race() 方法跟Promise.all() 是相反的,
如:const p = Promise.race([p1, p2, p3]);p的状态只要当p1,p2,p3有一个成功p的状态就为成功
Async/await的用法:
const makeRequest = async() => {
console.log(await getJSON)
return "done"
}
makeRequest()
await一定得是在async函数里使用才能有效,Async其实就是Generator的语法糖,async函数自带执行器
推荐文章:http://es6.ruanyifeng.com/#docs/async
https://segmentfault.com/a/1190000013612116

垃圾回收机制

https://juejin.im/post/5b684f30f265da0f9f4e87cf
https://www.cnblogs.com/hustskyking/archive/2013/04/27/garbage-collection.html

浏览器事件循环机制

https://juejin.im/post/5afbc62151882542af04112d

上传文件时断点续传怎么做

https://www.cnblogs.com/imwtr/p/5957391.html

js原型链与继承

ES6的学习

webpack的学习

node的学习

react源码的学习

上一篇下一篇

猜你喜欢

热点阅读