前言
本次主要搬运牛客网上关于保融科技前端面试的常问问题
文章目录
问题总结
是否对Vue的实现原理有所理解?
Vue双向绑定原理的实现过程?
继承的实现方式?ES5和ES6实现继承有什么区别?
区别:
ES5的继承实质上是先创建子类的实例对象,然后再将父类的方法添加到this上(Parent.apply(this)).
ES6的继承机制完全不同,实质上是先创建父类的实例对象this(所以必须先调用父类的super()方法),然后再用子类的构造函数修改this。
ES5的继承时通过原型或构造函数机制来实现。
ES6通过class关键字定义类,里面有构造方法,类之间通过extends关键字实现继承。子类必须在constructor方法中调用super方法,否则新建实例报错。因为子类没有自己的this对象,而是继承了父类的this对象,然后对其进行加工。如果不调用super方法,子类得不到this对象。
注意super关键字指代父类的实例,即父类的this对象。
注意:在子类构造函数中,调用super后,才可使用this关键字,否则报错。
ES6有什么语法糖?
Vue语法糖?
深拷贝和浅拷贝的区别以及实现方式?
数组和链表在插入和查找时的时间复杂度?
项目难点
keep-alive
Vue监听数组?
watch 和computed区别?
-
功能上:computed是计算属性,watch是监听一个值的变化,然后执行对应的回调。
-
是否调用缓存:computed中的函数所依赖的属性没有发生变化,那么调用当前的函数的时候会从缓存中读取,而watch在每次监听的值发生变化的时候都会执行回调。
-
是否调用return:computed中的函数必须要用return返回,watch中的函数不是必须要用return。
-
computed默认第一次加载的时候就开始监听;watch默认第一次加载不做监听,如果需要第一次加载做监听,添加immediate属性,设置为true(immediate:true)
-
使用场景:computed----当一个属性受多个属性影响的时候,使用computed-----购物车商品结算。watch–当一条数据影响多条数据的时候,使用watch-----搜索框.
watch与computed区别总结:
-
computed支持缓存,相依赖的数据发生改变才会重新计算;watch不支持缓存,只要监听的数据变化就会触发相应操作
-
computed不支持异步,当computed内有异步操作时是无法监听数据变化的;watch支持异步操作
-
computed属性的属性值是一函数,函数返回值为属性的属性值,computed中每个属性都可以设置set与get方法。watch监听的数据必须是data中声明过或父组件传递过来的props中的数据,当数据变化时,触发监听器
reject catch区别?
【经典面试题】Promise 中reject 和 catch 处理上有什么区别?
reject 是用来抛出异常,catch 是用来处理异常
reject 是 Promise 的方法,而
catch 是 Promise 实例的方法
reject 后的东西,一定会进入 then 中的第二个回调,如果 then 中没有写第二个回调,则进入catch
网络异常(比如断网),会直接进入 catch 而不会进入 then 的第二个回调