面试官：请简单实现一个Js单例模式（一看吓一跳，easy）

验证两个实例是否相等（即是否为同一个实例）

console.log(‘instance1 and instance2 is’,leo === lion)

打印结果为false，证明两个实例不是同一个，也可以理解为new出来的即为一个新实例。

明白了这一点之后，单例模式就很容易理解与实现了，关键就在于“new”，只要我们在使用这个模式的时候去判断是否创建（new）了一个实例，如果是，那我们就直接使用创建好的实例，不再重新创建（new），如果否，创建一个新实例，从而保证只有一个实例。

那么问题来了，如何让已经创建的实例维持当前状态，不被垃圾回收机制回收，这里便用到了闭包。闭包的作用：访问函数内部变量、保持函数在环境中一直存在，不会被垃圾回收机制处理。

单例模式简单实现

声明一个函数表达式，里面返回一个函数（闭包），函数里面返回一个实例（判断是否新实例）

let singleInstance = function(){

let instance

return function(name){

if(!instance){ //如果实例不存在，新建一个实例，否则返回当前实例

instance = new Person(name)

}

return instance

}

}

执行函数表达式

let createInstance = singleInstance()

此时创建两个实例

let leo = createInstance(‘leo’)

let lion = createInstance(‘lion’)

分别打印两个实例且判断是否为同个实例

console.log(leo,‘instance1’)

console.log(lion,‘instance2’)

console.log(‘instance1 and instance2 is’,leo === lion)

这时候发现“两个”实例完全一模一样，即同一个实例，因为在创建“lion”这个实例的时候去对instance进行了判断，此时没有执行new操作，而是用的已存在的实例，即“leo”。这便是单例模式的简单实现。

完整实现

class Person {

constructor(name){

this.name = name

}

showName(){

console.log(‘my name is’,this.name)

}

}

Person.createInstance = (function(){

let instance

return function(name){

if(!instance){

Vue

• 什么是MVVM？

• mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？

• 组件之间的传值？

• Vue 双向绑定原理

• 描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？

• 虚拟 DOM 实现原理

• Vue 中 key 值的作用？

• Vue 的生命周期

• Vue 组件间通信有哪些方式?

• vue 中怎么重置 data?

• 组件中写 name 选项有什么作用？

• Vue 的 nextTick 的原理是什么？

• Vuex 有哪几种属性?