vue.面试题

1.for in、Object.keys()区别？哪个要用于遍历原型链上的属性？

答：for-in 是javaScript中最常见的迭代语句，常常用来枚举对象的属性。某些情况下，可能按照随机顺序遍历数组元素；而Object.keys()，可以返回以对象的属性为元素的数组。数组中属性名的顺序跟使用       for-in遍历返回的顺序是一样的。

二者遍历的数量是不同的，for-in 不单可以枚举自身属性，也可以枚举继承自原型链上的属性，Object.keys()只可以枚举自身属性。

for-in会遍历原型链上的属性，而Object.keys不会。

2.简述一下对闭包理解？

答：闭包：在一个外函数中定义了一个内函数，内函数里使用了外函数的临时变量，并且外函数的返回值是内函数的引用。这样就构成了一个闭包。一般情况下，在我们认知当中，如果一个函数结束，函数的内部所有东西都会释放掉，还给内存，局部变量都会消失。但是闭包是一种特殊情况，如果外函数在结束的时候发现有自己的临时变量将来会在内部函数中用到，就把这个临时变量绑定给了内部函数，然后自己再结束。经常用闭包来实现面向对象编程

一个函数和它的周围状态的引用捆绑在一起的组合

是一个可以读取其他函数内部变量的函数，在js中只有函数内部的函数才可以读取该函数内部的变量，因此，闭包可以是一个函数中返回的函数。

闭包的好处：可以读取其他函数你内部的变量，并将其一直保存在内存中。

坏处： 可能会造成内存泄露或者内存溢出

3.箭头函数与普通函数的区别？

答：

（1）定义的形式不同。

（2）箭头函数全都是匿名函数。

（3）普通函数的this指向调用者，箭头函数的 this 永远指向其上下文的 this，任何方法都改变不了箭头函数this指向，如 call() , bind() , apply()

（4）箭头函数不具有prototype属性，新建的对象的隐式原型无法被指定为箭头函数的原型

（5）箭头函数不能用于构造函数

（6）箭头函数不能Generator函数

（7）箭头函数不具有arguments对象

5.const、let、var的区别？ 

答：var 声明的变量属于函数作用域，let 和 const 声明的变量属于块级作用域；

var 存在变量提升现象，而 let 和 const 没有此类现象；

var 变量可以重复声明，而在同一个块级作用域，let 变量不能重新声明，const 变量不能修改

Var 不存在暂时性死区，而let const存在暂时性死区

6.Vue 的响应式原理中 Object.defineProperty 有什么缺陷?

• Object.defineProperty 无法监控到数组下标的变化，导致通过数组下标添加元素，不能实时响应；
• Object.defineProperty只能劫持对象的属性，从而需要对每个对象，每个属性进行遍历，如果，属性值是对象，还需要深度遍历。                    Proxy 可以劫持整个对象，并返回一个新的对象
• Proxy 不仅可以代理对象，还可以代理数组。还可以代理动态增加的属性

7.导航守卫

全局守卫：beforeEach,afterEach

局部守卫：
                  beforeRouteEnter:因为当守卫执行前，组件实例还没被创建,不能获取组件实例的this
                  beforeRouteUpdate: 在当前路由改变，但是该组件被复用时调用，可以访问组件实例 this
                  beforeRouteLeave:导航离开该组件的对应路由时调用，可以访问组件实例 this

每个守卫方法接收三个参数：
                  to:目标路由对象
                  from:准备要离开的路由
                  next():进行管道中的下一个钩子。可传递参数有布尔值false直接写路径'/'或{path:'/'},回调函数

注意：后置钩子函数afterEach不会接受next函数也不会改变导航本身。

8.vue组件间通信六种方式

      组件之间的传值通信
            组件之间通讯分为三种: 父传子、子传父、兄弟组件之间的通讯;
        props/$emit

父传子：基于属性props接收

子传父：父组件向子组件传递事件方法，子组件通过$emit触发事件，回调给父组件

$eimt/$on

这种方法通过一个空的Vue实例作为中央事件总线（事件中心），用它来触发事件和监听事件,巧妙而轻量地实现了任何组件间的通信，包括父子、兄弟、跨级。

9.Vue生命周期的作用是什么？

 在vue生命周期的不同阶段通过对应的钩子函数来实现组件数据管理和DOM渲染两大重要功能。

  创建阶段：
        beforecreate：实例已经初始化，但不能获取DOM节点。(没有data，没有el)
        created:      实例已经创建，仍然不能获取DOM节点。(有data，没有el)
    载入阶段：
        beforemount：模板编译完成，但还没挂载到界面上。(有data，有el)
         mounted：    编译好的模板已挂载到页面中(数据和DOM都已经渲染出来)。
    更新阶段：
        beforeupdate：数据发生变化立即调用，此时data中数据是最新的，但页面上数据仍然是旧的(检测到数据更新时，但DOM更新前执行)。
         updated：     更新结束后执行，此时data中的值和页面上的值都是最新的。
    销毁阶段：
        beforedestroy：当要销毁vue实例时，在销毁之前执行。
         destroy：     在销毁vue实例时执行。

10.第一次页面加载会触发哪几个钩子函数？
 beforeCreate,  created,  beforeMount,  mounted。